undress image

index.html

@@ -84,11 +84,9 @@
                         </a>
                     </div>
                     <div class="md:w-1/2">
-                        <div class="bg-gray-300 rounded-xl aspect-video flex items-center justify-center">
-                            <i data-feather="image" class="w-16 h-16 text-gray-500"></i>
-                        </div>
+                        <img src="http://static.photos/abstract/640x360/42" alt="Abstract undefined beauty" class="rounded-xl aspect-video object-cover w-full">
                     </div>
-                </div>
+</div>
             </div>
         </section>
     </main>

style.css

@@ -14,5 +14,13 @@ body {
         transform: translateY(-10px);
     }
 }
+img {
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+img:hover {
+    transform: scale(1.02);
+    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
+}
 
-.float-element {
+.float-element {