html, body {
 overflow-x: hidden;
}

.inview-animation {
 opacity: 0;
 height: 100%;
 transition: all 0.75s ease-out 0.01s;
 transition-timing-function: cubic-bezier(0.15, 0, 0, 1) !important;
}
.inview-animation.inview-animation-delay-1 {
 transition-delay: 0.1s;
}
.inview-animation.inview-animation-delay-2 {
 transition-delay: 0.2s;
}
.inview-animation.inview-animation-delay-3 {
 transition-delay: 0.3s;
}
.inview-animation.inview-animation-slide-left {
 transform: translate(20vw, 0) scale(1);
}
.inview-animation.inview-animation-slide-right {
 transform: translate(-20vw, 0) scale(1);
}
.inview-animation.inview-animation-slide-top {
 transform: translate(0, 20vh) scale(1);
}
.inview-animation.inview-animation-slide-bottom {
 transform: translate(0, -20vh) scale(1);
}
.inview-animation.is-inview {
 transform: translate(0, 0) scale(1);
 opacity: 1;
}