.is-scrolling [class*="animate"],
.is-scrolling [class*="reveal"],
.is-scrolling [class*="fade"],
.is-scrolling [class*="slide"],
.is-scrolling [class*="float"],
.is-scrolling .parallax,
.is-scrolling [data-parallax] {
    will-change: transform;
    transform: translateZ(0);
    opacity: 1 !important;
    visibility: visible !important;
}

.parallax, [data-parallax] {
    backface-visibility: hidden;
    perspective: 1000px;
    transform-style: preserve-3d;
    will-change: transform;
}

[class*="animate"], 
[class*="reveal"], 
[class*="fade"], 
[class*="slide"], 
[class*="float"] {
    will-change: opacity, transform;
    transform: translateZ(0);
}

@media (max-width: 768px) {
    .parallax, [data-parallax] {
        transform: none !important;
        will-change: auto;
    }
}