diff --git a/src/app/page.tsx b/src/app/page.tsx
index fc7ac88..14e8b57 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -42,7 +42,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="relative">
       <HeroSplit
       background={{
         variant: "sparkles-gradient"}}
@@ -87,14 +87,12 @@ export default function LandingPage() {
           type: "text-icon",          text: "Fast Turnaround",          icon: Zap,
         },
       ]}
-      mediaWrapperClassName="relative"
-      className="after:absolute after:inset-0 after:flex after:items-center after:justify-center after:pointer-events-none"
-      containerClassName="relative"
+      mediaWrapperClassName="relative isolate"
     />
-    <div className="absolute inset-0 flex items-center justify-center p-8 pointer-events-none">
-        <div className="grid grid-cols-2 gap-4 max-w-lg w-full">
-            <div className="bg-white/10 backdrop-blur-md border border-white/20 p-6 rounded-2xl shadow-xl"></div>
-            <div className="bg-white/10 backdrop-blur-md border border-white/20 p-6 rounded-2xl shadow-xl"></div>
+    <div className="absolute inset-0 flex items-center justify-center p-8 pointer-events-none z-10">
+        <div className="grid grid-cols-2 gap-4 max-w-sm w-full">
+            <div className="bg-white/5 backdrop-blur-xl border border-white/10 p-6 rounded-2xl shadow-[0_8px_32px_0_rgba(31,38,135,0.37)]"></div>
+            <div className="bg-white/5 backdrop-blur-xl border border-white/10 p-6 rounded-2xl shadow-[0_8px_32px_0_rgba(31,38,135,0.37)]"></div>
         </div>
     </div>
   </div>