properly import and optimize/cache images in markdown files

components/Header/Header.module.css

@@ -7,7 +7,11 @@
   transition:
     background var(--transitions-fade),
     border var(--transitions-fade);
-  z-index: 9999px;
+
+  /* make sticky */
+  position: sticky;
+  top: 0;
+  z-index: 1000;
 
   /* blurry glass-like background effect (except on firefox...?) */
   backdrop-filter: saturate(180%) blur(5px);

components/Header/Header.tsx

@@ -15,7 +15,7 @@ const Header = ({ className, ...rest }: HeaderProps) => {
   return (
     <header className={clsx(styles.header, className)} {...rest}>
       <nav className={styles.nav}>
-        <Link href="/" rel="author" title={config.authorName} underline={false} className={styles.selfieLink}>
+        <Link href="/" rel="author" title={config.authorName} plain className={styles.selfieLink}>
           <Image
             src={selfieJpg}
             alt={`Photo of ${config.authorName}`}