@media screen and (max-width:767px) {
    .zoom-image {
        padding-left: 1.875rem;
        padding-top: 1.25rem
    }
}

.zoom-image__item {
    left: 0;
    max-width: 17.5rem;
    position: absolute;
    top: 0;
    width: 30%
}

@media screen and (min-width:768px) {
    .zoom-image__item {
        left: -12%;
        top: -16%;
        width: 43%
    }
}

@media screen and (max-width:767px) {
    .zoom-image--right {
        padding-left: 0;
        padding-right: 1.875rem
    }
}

.zoom-image--right .zoom-image__item {
    left: auto;
    right: 0
}

@media screen and (min-width:768px) {
    .zoom-image--right .zoom-image__item {
        right: -12%
    }
}