/* Style for the zoomed-in image */
        .zoomed-image {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            display: none;
            justify-content: center;
            align-items: center;
        }

        /* Style for the image inside the zoomed-in container */
        .zoomed-image img {
            max-width: 90%;
            max-height: 90%;
        }