Merge pull request #538 from neeru24/patch-2

Add Hover Effects to Team and Contact Features

homepage.html

@@ -87,7 +87,14 @@
         border-radius: 0.625rem; /* 10px */
         box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.2); /* 0 2px 5px */
         grid-column: 1 / -1;
+        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for smooth effect */
       }
+
+      .team-feature:hover {
+        transform: scale(1.05); /* Slightly increase the size */
+        box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.3); /* Increase shadow on hover */
+      } 
+
       .team-feature img {
         width: 9.375rem; /* 150px */
         height: auto;
@@ -104,7 +111,14 @@
         border-radius: 0.625rem; /* 10px */
         box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.2); /* 0 2px 5px */
         grid-column: 1 / -1;
+        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for smooth effect */
       }
+
+      .contact-feature:hover {
+        transform: scale(1.05); /* Slightly increase the size */
+        box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.3); /* Increase shadow on hover */
+      }
+
       .contact-feature img {
         width: 9.375rem; /* 150px */
         height: auto;