Image Zoom Effect .zoom-container { width: 300px; /* Container size */ overflow: hidden; /* Hide overflowing part of the image */ border: 2px solid #ddd; margin: 20px; } .zoom-container img { width: 100%; transition: transform 0.5s ease; /* Smooth transition for the zoom effect */ } .zoom-container:hover img { transform: scale(1.5); /* Scale up the image on hover */ }