.animate-we {
    position: relative;
    opacity: 0;
}

.animate-to {
    position: relative;
    opacity: 0;
    
}

.animate-we.visible {
    opacity: 1;
    animation: moveFromLeft 1s; 
}

.animate-to.visible {
    opacity: 1;
    animation: moveFromRight 1s;
}

@keyframes moveFromLeft {
    0% {
        left: -100%; 
    }
    100% {
        left: 0; 
    }
}

@keyframes moveFromRight {
    0% {
        left: 100%; 
    }
    100% {
        left: 0; 
    }
}