.animate_slide_right {
    transition: opacity 1.5s,transform 0.8s;
    transition-delay: 0.9s;
    transform: translateX(100%);
    opacity: 0;
}

.animate_slide_left {
    transition: opacity 1.5s,transform 0.8s;
    transition-delay: 0.9s;
    transform: translateX(-100%);
    opacity: 0;
}

.start_animation_slide_right {
    animation: SlideRight 2s ease-in forwards;
}

.start_animation_slide_left {
    animation: SlideLeft 2s ease-in forwards;
}

@keyframes SlideRight {
    0% {
        transform: translateX(150%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes SlideLeft {
    0% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0);
    }
}