hover on image

Author: Niharika Shah

src/components/HomePage/header.css

@@ -103,6 +103,29 @@
   width: 100%;
   height: 100%;
   border-radius: 10% 40%;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.chh__header-image img:hover {
+  transform: scale(1.1);
+  box-shadow: 0 10px 20px rgba(243, 240, 240, 0.2);
+}
+
+@keyframes damping {
+  0% {
+    transform: scale(1);
+  }
+  40% {
+    transform: scale(1.06);
+  }
+  60% {
+    transform: scale(1.05);
+  }
+}
+
+
+.chh__header-image img:hover {
+  animation: damping 0.6s ease-in-out; /* Applied damping keyframes on hover */
 }
 
 @media screen and (max-width: 1050px) {