diff --git a/index.html b/index.html
index 29578cb..27eaf81 100644
--- a/index.html
+++ b/index.html
@@ -110,6 +110,30 @@
   // expected output: 1
 }
 </script>	
+	       <style>
+        .shadow-emboss {
+            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
+            border: 1px solid #ddd; /* Emboss effect */
+            transition: transform 0.3s ease;
+        }
+
+        .shadow-emboss:hover {
+            transform: scale(1.05); /* Slightly enlarges the image on hover */
+        }
+    </style>
+</head>
+<body>
+
+    <!-- Your body content here, including images -->
+
+    <script>
+        window.onload = function() {
+            var images = document.getElementsByTagName('img');
+            for(var i = 0; i < images.length; i++) {
+                images[i].classList.add('shadow-emboss');
+            }
+        };
+    </script>
     <style>
         /* Popup and button styles */
         .popup {
