From 202c98c94c3b0ae99d28055b002c6120e9845451 Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Tue, 30 Jul 2024 13:23:06 +0200
Subject: [PATCH] fix: background overlap

---
 src/pages/landing/index.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/pages/landing/index.tsx b/src/pages/landing/index.tsx
index 2e1b6bf..bc7a882 100644
--- a/src/pages/landing/index.tsx
+++ b/src/pages/landing/index.tsx
@@ -163,6 +163,15 @@ export const LandingPage = () => {
 
   return (
     <div className={styles.background}>
+      <div
+        className={`${styles.backgroundBlob} ${styles.backgroundBlobLeft}`}
+        style={{ backgroundImage: `url(${bg_l})` }}
+      ></div>
+      <div
+        className={`${styles.backgroundBlob} ${styles.backgroundBlobRight}`}
+        style={{ backgroundImage: `url(${bg_r})` }}
+      ></div>
+
       <Container className={styles.container}>
         <img className={styles.logo} src="/logo.svg" alt="Logo" width={300} />
         <div className={styles.titleSection}>
@@ -209,14 +218,6 @@ export const LandingPage = () => {
 
         <Outlet />
       </Container>
-      <div
-        className={`${styles.backgroundBlob} ${styles.backgroundBlobLeft}`}
-        style={{ backgroundImage: `url(${bg_l})` }}
-      ></div>
-      <div
-        className={`${styles.backgroundBlob} ${styles.backgroundBlobRight}`}
-        style={{ backgroundImage: `url(${bg_r})` }}
-      ></div>
     </div>
   )
 }