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"