.zoom-container {
    overflow: hidden;
    width: 700px;
      /* Adjust the container width */
    /* height: 400px; */
     /* Adjust the container height */
    /* border: 2px solid #ccc; */
}

.zoom-image {
    width: 100%;
    height: 100%;
    transition: transform 0.9s ease;
}

.zoom-container:hover .zoom-image {
    transform: scale(1.1); /* Scale up the image */
}