z-index fixes

src/pages/fsd.astro

@@ -9,7 +9,7 @@ import GeoRight from '/images/background-images/geo-right.svg?raw';
 
 <Layout title="Welcome to Astro.">
   <header class="w-full relative overflow-x-clip z-0">
-    <div class="flex flex-wrap justify-center container mx-auto">
+    <div class="flex flex-wrap justify-center container mx-auto z-10 relative">
       <div class="w-10/12 lg:w-9/12 xl:w-8/12 py-[3rem] lg:py-[6rem] 2xl:pt-[12.19rem] 2xl:pb-[18.06rem] 3xl:pt-[8rem] 3xl:pb-[12rem] flex-col justify-center text-center z-1">
         <h1>Fair Source Values</h1>
         <p class="text-[1.75rem] font-[500] leading-[130%] tracking-[-0.035rem] mb-[1.5rem]">Explore the innovative companies that have adopted Fair Source.</p>
@@ -19,7 +19,7 @@ import GeoRight from '/images/background-images/geo-right.svg?raw';
         </div>
       </div>
     </div>
-    <div class="image w-auto absolute md:top-[11rem] md:bottom-[-12rem] md:left-[-2rem] md:right-0 lg:top-[14rem] lg:top-[-14rem] lg:left:-[-6rem] lg:right-0 xl:top-[20rem] xl:bottom-[-40rem] xl:left-[-8.56rem] xl:right-0 3xl:top-[14rem] 3xl:left-[-4rem] 3xl:right-0 3xl:bottom-[-8rem]">
+    <div class="image z-0 w-auto absolute md:top-[11rem] md:bottom-[-12rem] md:left-[-2rem] md:right-0 lg:top-[14rem] lg:top-[-14rem] lg:left:-[-6rem] lg:right-0 xl:top-[20rem] xl:bottom-[-40rem] xl:left-[-8.56rem] xl:right-0 3xl:top-[14rem] 3xl:left-[-4rem] 3xl:right-0 3xl:bottom-[-8rem]">
       <div class="flex items-top justify-center w-[100%] relative mx-auto columns-2 gap-[4rem] z-0 xl:max-h-[30rem] 2xl:max-h-[40rem] 3xl:max-h-[60rem] overflow-clip">
         <div class="w-6/12 pt-[2rem]">
           <Fragment set:html={GeoLeft} />