.animate{
    opacity: 0;
    transform: translate(var(--i));
    animation-delay: .3s;
}
.animate:nth-child(even){
    animation: swap .6s ease-in;
}
.slide{
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0);
    transition: all 1s;
    /* animation: swap 1s ease-in-out; */
}
@keyframes swap {
    0%{
        opacity: 0;
        transform: translateY(-70px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
        transform: translateX(0px);
    }
}