/* Class-based desktop motion prevents the price/button column from affecting the photo transition. */
html body .cold-warm .img > img.vo-cold-warm-photo {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    cursor: zoom-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    transform-origin: 50% 50%;
    transition: transform 1.3s cubic-bezier(.22, 1, .36, 1) !important;
    will-change: transform;
}

html body .cold-warm .img > img.vo-cold-warm-photo.vo-cold-warm-photo-zoomed {
    -webkit-transform: translateZ(0) scale(1.08);
    transform: translateZ(0) scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
    html body .cold-warm .img > img.vo-cold-warm-photo {
        transition: none !important;
    }
}