add gif

POSUA-NITS · Mar 28, 2024 · 7182e1a · 7182e1a
1 parent 9b2dc93
commit 7182e1a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/src/Components/Borhomthuri/Borhomthuri.jsx b/src/Components/Borhomthuri/Borhomthuri.jsx
@@ -113,21 +113,21 @@ const Borhomthuri = () => {
               <img
                 alt="Camera"
                 src=""
-                data-src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711607582/camera_posua24_l7ndyp-min_o41997.webp"
+                data-src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711653138/Projectorkela-2-ezgif.com-crop_r8g8ee.gif"
                 className={loaded ? "loadedClass" : "loadingClass"}
                 onLoad={() => setIsLoaded(true)}
               />
             </div>
 
-            <div id={styles.camerafoucs}>
+            {/* <div id={styles.camerafoucs}>
               <img
                 src=""
                 data-src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711607671/camera_focus_posua24_orhnta-min_o0quzy.webp"
                 className={loaded ? "loadedClass" : "loadingClass"}
                 onLoad={() => setIsLoaded(true)}
                 alt=""
               />
-            </div>
+            </div> */}
           </div>
         </div>
 

diff --git a/src/Components/Borhomthuri/Borhomthuri.module.scss b/src/Components/Borhomthuri/Borhomthuri.module.scss
@@ -89,17 +89,26 @@
 }
 
 .cameraImg {
-  width: 20vw;
+  width: 28vw;
   height: auto;
   // margin: -3vw 19vh 0 30vw;
-  margin: 0 0 0 25%;
+  user-select: none;
+  margin: 0 0 0 27%;
+  @media (max-width: 1000px) {
+    margin: 0 0 0 24%;
+  }
+  @media (max-width: 900px) {
+    margin: 0 0 0 18%;
+  }
   padding-bottom: 10%;
   // position: relative;
+  transform: rotate(-9deg);
   img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     mix-blend-mode: multiply;
+    pointer-events: none;
   }
 }
 
@@ -259,10 +268,6 @@ $n: 6; /* number of images*/
     top: 19vh;
     scale: 0.8;
   }
-  .cameraImg {
-    // margin-bottom: 30%;
-    margin-left: 30%;
-  }
 }
 @media screen and (min-width: 1000px) {
   .ParentClass {
@@ -281,10 +286,10 @@ $n: 6; /* number of images*/
     top: 15vh;
     scale: 0.8;
   }
-  .cameraImg {
-    // margin-bottom: 30%;
-    margin-left: 30%;
-  }
+  // .cameraImg {
+  //   // margin-bottom: 30%;
+  //   margin-left: 30%;
+  // }
 }
 
 #random {