properly import and optimize/cache images in markdown files

components/Layout/Layout.module.css

@@ -14,13 +14,3 @@
   margin: 0 auto;
   display: block;
 }
-
-.stickyHeader {
-  position: sticky;
-  top: 0;
-  z-index: 1000;
-}
-
-.flexedFooter {
-  flex: 1;
-}

components/Layout/Layout.tsx

@@ -14,14 +14,14 @@ const Layout = ({ className, children, ...rest }: LayoutProps) => {
       <SkipToContentLink />
 
       <div className={clsx(styles.flex, className)} {...rest}>
-        <Header className={styles.stickyHeader} />
+        <Header />
 
         <main className={styles.default}>
           <SkipToContentTarget />
           <div className={styles.container}>{children}</div>
         </main>
 
-        <Footer className={styles.flexedFooter} />
+        <Footer />
       </div>
     </>
   );