diff --git a/src/components/HomePage/header.css b/src/components/HomePage/header.css
index 53f33e416..c27ed77f6 100644
--- a/src/components/HomePage/header.css
+++ b/src/components/HomePage/header.css
@@ -98,11 +98,30 @@
   border-radius: 10% 40%;
 }
 
-
 .chh__header-image img {
-  width: 100%;
-  height: 100%;
-  border-radius: 10% 40%;
+  transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
+  filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.6));
+}
+
+.chh__header-image img:hover {
+  transform: scale(1.03);  
+  filter: drop-shadow(10px 10px 20px rgba(169, 158, 158, 0.6));
+}
+
+@keyframes imageHoverEffect {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.03);
+  }
+  100% {
+    transform: scale(1.06);
+  }
+}
+
+.chh__header-image img:hover {
+  animation: damping 0.6s ease-in-out; /* Applied damping keyframes on hover */
 }
 
 @media screen and (max-width: 1050px) {