Remove main image from home page

assets/css/index.css

@@ -20,12 +20,7 @@ main h1 a {
 
 main #intro {
   display: flex;
-  column-gap: 1rem;
-}
-
-main #intro img {
-  width: 19.6875rem;
-  height: 19.6875rem;
+  justify-content: space-between;
 }
 
 main #intro #action-buttons {

layouts/index.html

@@ -4,8 +4,6 @@
     <link rel="stylesheet" href="{{ $styles.Permalink }}" />
 {{ end }}
 {{ define "main" }}
-    {{ $faceImage := resources.Get "images/big-face.webp" }}
-    
     <section id="intro">
         <div>
             <h1>Hi! I am <span>Hazem</span>,<br> a software engineer currently working at <a href="https://finteum.com" target="_blank">Finteum</a></h1>
@@ -15,7 +13,6 @@
                 <a href="{{ urls.JoinPath .Site.BaseURL "contact" }}">Contact</a>
             </div>
         </div>
-        <img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi's face" loading="lazy">
     </section>
 
     <section id="about">