.zoom-image-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.zoom-image {
    overflow: hidden;
    position: relative;
    cursor: zoom-in;
}
.zoom-image img {
    width: 100%;
    height: auto;
}
.zoomed-image {
    position: absolute;
    left: 100%;
    top: 20px;
    width: 400px;
    height: 400px;
    overflow: hidden;
    z-index: 1111;
    pointer-events: none;
}
@media (max-width: 768px) {
    .zoom-image {
        overflow: unset;
        cursor: default;
    }
    .zoomed-image {
        display: none;
    }
}