.js-scroll-fichaje {
    --scroll-fichaje-top: 80px;
    --scroll-fichaje-header-gap: 24px;

    position: relative;
    overflow: visible;
}

.js-scroll-fichaje .js-scroll-fichaje-media,
.js-scroll-fichaje .js-scroll-fichaje-text,
.js-scroll-fichaje .wpb_column,
.js-scroll-fichaje .vc_column-inner {
    overflow: visible;
}

.js-scroll-fichaje-image-first,
.js-scroll-fichaje-image-second,
.js-scroll-fichaje-text {
    backface-visibility: hidden;
    will-change: transform;
}

/*
 * La segunda imagen tiene que poder cubrir
 * completamente a la primera.
 */
.js-scroll-fichaje-image-first {
    z-index: 2;
}

.js-scroll-fichaje-image-second {
    z-index: 3;
}

.js-scroll-fichaje-text {
    z-index: 2;
}

.js-scroll-fichaje-placeholder {
    flex: 0 0 auto;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 767.98px) {

    .js-scroll-fichaje-image-first,
    .js-scroll-fichaje-image-second,
    .js-scroll-fichaje-text {
        will-change: auto;
    }
}