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

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

.animate-show {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}