More consistent shadow on about image

src/components/Navbar.astro

@@ -13,7 +13,7 @@ const { navbarDisplay = "normal" } = Astro.props as Props;
 ---
 
 <nav
-  class="font-header group/nav fixed top-0 right-0 left-0 z-50 uppercase"
+  class="font-header group/nav fixed top-0 right-0 left-0 z-100 uppercase"
   aria-label="Primary"
   transition:name="nav"
   transition:animate="none"

src/components/Player.astro

@@ -38,7 +38,10 @@ const initialQueue = await Promise.all(
 
 <div
   id="player"
-  class:list={["fixed right-0 bottom-0 left-0 z-50 bg-black shadow-lg", height]}
+  class:list={[
+    "fixed right-0 bottom-0 left-0 z-100 bg-black shadow-lg",
+    height
+  ]}
   transition:persist=""
   transition:name="player"
   transition:animate="none"

src/pages/about.astro

@@ -18,7 +18,7 @@ import { Image } from "astro:assets";
         <Image
           src={aboutImage}
           alt="A photo of Nathan conducting the Woodville Concert Band"
-          class="mx-auto mb-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50"
+          class="mx-auto mb-8 size-96 rounded-full object-cover shadow-lg/75 transition ease-in-out md:hover:scale-150"
           transition:name="aboutImage"
           height={576}
         />

src/pages/index.astro

@@ -92,7 +92,7 @@ const tracks = (
         <Image
           src={aboutImage}
           alt="Nathan conducting the Woodville Concert Band"
-          class="mx-auto mt-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50"
+          class="mx-auto mt-8 size-96 rounded-full object-cover shadow-lg/75 transition ease-in-out md:hover:scale-150"
           transition:name="aboutImage"
           height={576}
         />