/* global-zoom.css */

/* Style for the zoom container */
.zoom-container {
    position: relative;
    overflow: hidden;
    width: 100%; /* Adjust to your needs */
    height: auto;
    cursor: zoom-in;
}

/* Style for the image inside the zoom container */
.zoom-container img {
    transition: transform 0.3s ease; /* Smooth zoom */
    transform-origin: center center; /* Default origin */
    width: 100%;
}

/* Zoom effect on hover */
.zoom-container:hover img {
    transform: scale(2); /* Scale up image */
}