/* .hidden {
    opacity: 0;
    transition: all 5s;
}

.show {
    opacity: 1;
} */

.hidden{
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100%);
    transition: all 5s;
}

.show {
    opacity: 1;
    filter: blur(100%);
    transition: translateX(0);
}


@media(prefers-reduced-motion){
    .hidden {
        transition: none;
    }
    .hidden2 {
        transition: none;
    }
}