.animation {
    overflow: hidden;
}

.slide-in {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.6s ease-in-out;
    opacity: 0.6s ease-in-out;
}
.slide-out {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.6s ease-in-out;
    opacity: 0.6s ease-in-out;
}
.slide-in.active, .slide-out.active {
    transform: translateX(0%);
    opacity: 1;
}