*[data-scroll-effect="fade"] {
    opacity: 0;
}

*[data-scroll-effect="from-left"] {
    opacity: 0;
    transform: translateX(-50px);
}

*[data-scroll-effect="from-right"] {
    opacity: 0;
    transform: translateX(50px);
}

*[data-scroll-effect="from-top"] {
    opacity: 0;
    transform: translateY(-50px);
}

*[data-scroll-effect="from-bottom"] {
    opacity: 0;
    transform: translateY(50px);
}