fade homepage image in after pageload

src/pages/index.tsx

@@ -90,13 +90,13 @@ const IndexPage = ({
             { href: "/photogallery/", label: "Gallery" },
           ]}
         />
-        <GatsbyImage
+        {isClient && <GatsbyImage
           alt=""
           className="flex-auto m-4 md:m-8 mt-0 md:mt-0"
           image={img!}
           loading="eager"
           objectFit={browserIsLandscape ? "cover" : "contain"}
-        />
+        />}
       </main>
     </>
   );