Update CameraLayout.js

MoonShineVFX · Jan 3, 2024 · 969ddf5 · 969ddf5
1 parent 5786673
commit 969ddf5
Showing 1 changed file with 38 additions and 2 deletions.
diff --git a/src/Layouts/CameraLayout.js b/src/Layouts/CameraLayout.js
@@ -104,14 +104,50 @@ function CameraLayout() {
       {location.pathname === '/' &&
         <div 
           onMouseMove={(e) => handleMouseMove(e)} 
-          className='bg-black/10 absolute w-full h-screen top-0 -z-10 '
+          className='bg-black/10 absolute w-full h-screen top-0 -z-10  overflow-hidden'
         >
           <motion.div 
             animate={imgAnimation}
-            className=' absolute -top-20 -left-10'
+            className=' absolute -top-[10%] -left-10'
           >
             <img src="https://moonshine.b-cdn.net/msweb/backto80s_ai/icon01.png" alt="" />
           </motion.div>
+          <motion.div 
+            animate={imgAnimation}
+            className=' absolute top-[30%] -left-10'
+          >
+            <img src="https://moonshine.b-cdn.net/msweb/backto80s_ai/icon02.png" alt="" />
+          </motion.div>
+          <motion.div 
+            animate={imgAnimation}
+            className=' absolute top-[60%] -left-10'
+          >
+            <img src="https://moonshine.b-cdn.net/msweb/backto80s_ai/icon03.png" alt="" />
+          </motion.div>
+          <motion.div 
+            animate={imgAnimation}
+            className=' absolute -top-20 -right-10'
+          >
+            <img src="https://moonshine.b-cdn.net/msweb/backto80s_ai/icon04.png" alt="" />
+          </motion.div>
+          <motion.div 
+            animate={imgAnimation}
+            className=' absolute top-[30%] -right-10'
+          >
+            <img src="https://moonshine.b-cdn.net/msweb/backto80s_ai/icon05.png" alt="" />
+          </motion.div>
+          <motion.div 
+            animate={imgAnimation}
+            className=' absolute top-[50%] -right-10'
+          >
+            <img src="https://moonshine.b-cdn.net/msweb/backto80s_ai/icon06.png" alt="" />
+          </motion.div>
+          <motion.div 
+            animate={imgAnimation}
+            className=' absolute top-[60%] -right-10'
+          >
+            <img src="https://moonshine.b-cdn.net/msweb/backto80s_ai/icon07.png" alt="" />
+          </motion.div>
         </div>
 
       }