Subtle slide animations for Elementor

/*** Subtle slide animations for Elementor ***/

@keyframes slideDown {
    from {
        transform: translate3d(0, -40px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.elementor-element.slideInDown {
    animation-name: slideDown;
}

@keyframes slideUp {
    from {
        transform: translate3d(0, 40px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.elementor-element.slideInUp {
    animation-name: slideUp;
}

@keyframes slideLeft {
    from {
        transform: translate3d(-40px, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.elementor-element.slideInLeft {
    animation-name: slideLeft;
}

@keyframes slideRight {
    from {
        transform: translate3d(40px, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.elementor-element.slideInRight {
    animation-name: slideRight;
}