Simple use of CSS Transform:Translate and Transition for intro animations on hover

Elementor - Transfrom position of colums x 4

/* Elementor - transform position for animated columns x 4 */

.db-enter-left ,
.db-enter-right ,
.db-enter-top,
.db-enter-bottom {
    transition: all 0.75s ease-in-out;
}

.db-window2:not(:hover) .db-enter-left {
    transform: translate(-1000%);
    transition-delay: 2s;
}

.db-window2:not(:hover) .db-enter-right {
    transform: translate(1000%);
    transition-delay: 2s;
}

.db-window2:not(:hover) .db-enter-bottom {
    transform: translate(0,1000%);
    transition-delay: 2s;
}

.db-window2:not(:hover) .db-enter-top {
    transform: translate(0,-1000%);
    transition-delay: 2s;
}
/* Addition to code to hide translated columns */
.db-window2 {
    overflow: hidden;
}