/* Preserve original image dimensions/crop. Fade the seam, not the white case rim. */
.zpb-banner > img,
.za-banner > img {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.15) 4%, rgba(0,0,0,.3) 8%, rgba(0,0,0,.85) 14%, #000 19%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.15) 4%, rgba(0,0,0,.3) 8%, rgba(0,0,0,.85) 14%, #000 19%);
}
.zpb-banner::after,
.za-banner::after {
    background: linear-gradient(90deg,#f7f6f2 0%,#f7f6f2 33%,rgba(247,246,242,.98) 39%,rgba(247,246,242,.85) 43%,rgba(247,246,242,.42) 48%,rgba(247,246,242,.12) 53%,rgba(247,246,242,0) 57%);
}
@media(max-width:767px) {
    .zpb-banner::after,.za-banner::after {
        background: linear-gradient(90deg,#f7f6f2 0%,rgba(247,246,242,.96) 35%,rgba(247,246,242,.65) 50%,rgba(247,246,242,.1) 75%,rgba(247,246,242,0) 100%);
    }
}