/* Mobile browsers can keep :hover after a tap, which makes image scale jump.
   A transient class from stages-sequence-v3 controls the whole motion instead. */
@media (hover: none) and (pointer: coarse) {
    html body .stages.vo-stages-sequence .stb-tab .tab-pane.rem {
        overflow: hidden;
    }

    html body .stages.vo-stages-sequence .stb-tab .tab-pane.rem img {
        transform: translateZ(0) scale(1) !important;
        transition: transform 1.8s cubic-bezier(.16, 1, .3, 1), filter 1.8s ease !important;
        will-change: transform;
    }

    html body .stages.vo-stages-sequence .stb-tab .tab-pane.rem:hover img,
    html body .stages.vo-stages-sequence .stb-tab .tab-pane.rem:active img {
        transform: translateZ(0) scale(1) !important;
        filter: none !important;
    }

    html body .stages.vo-stages-sequence .stb-tab .tab-pane.rem.vo-stage-touch-zoom img {
        transform: translateZ(0) scale(1.16) !important;
        filter: saturate(1.06) contrast(1.025) !important;
    }
}