.zoom{
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.main-image{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.main-image img{
    width: 600px;
    height: 450px;
}

.zoomed-image{
    width: 600px;
    height: 450px;
    background-size: calc(600px * 4);
    background-position: 0 0;
}

.zoomer{
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
    border: 1px solid white;
    pointer-events: none;
}