[data-scroll-fadeUp] {
    opacity: 0;
    transform: translateY(40px);
    transition: 0.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll-fadeLeft] {
    opacity: 0;
    transform: translateX(40px);
    transition: 0.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll-fadeRight] {
    opacity: 0;
    transform: translateX(-40px);
    transition: 0.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.in-view {
    opacity: 1;
    transform: translateY(0);
    transform: translateX(0);
}