From 82abbd38f39b066b1c2d72ed61dff6d9606c2151 Mon Sep 17 00:00:00 2001
From: Sahan Dakshitha <sahandakshitha45@gmail.com>
Date: Sun, 11 Aug 2024 14:15:29 +0530
Subject: [PATCH] Fixed all Overlay Issues

---
 src/pages/MainPage.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/MainPage.jsx b/src/pages/MainPage.jsx
index 3f98c92..0ea4f6c 100644
--- a/src/pages/MainPage.jsx
+++ b/src/pages/MainPage.jsx
@@ -40,17 +40,17 @@ export default function MainPage() {
       <AnimatedBackground isActive={activeSegment === 0}>
         <FAQ />
       </AnimatedBackground>
-      <div style={{ zIndex: 9999 }}>
-        <AnimatedBackground isActive={activeSegment === 1}>
+      <div>
+        <AnimatedBackground isActive={activeSegment === 1}  style={{ zIndex: 1000 }}>
           <Merch />
         </AnimatedBackground>
       </div>
 
-      <AnimatedBackground isActive={activeSegment === 2} style={{ zIndex: -1 }}>
+      <AnimatedBackground isActive={activeSegment === 2}>
         <Partners />
       </AnimatedBackground>
 
-      <AnimatedBackground isActive={activeSegment === 3} style={{ zIndex: -1 }}>
+      <AnimatedBackground isActive={activeSegment === 3}>
         <Contact />
       </AnimatedBackground>