.hidden-left,
.hidden-right {
    opacity: 0;
    filter: blur(5px);
    transition: opacity 0.5s ease, transform 0.5s ease, filter 0.5s ease;
}

.hidden-left {
    transform: translateX(-400px);
}

.hidden-right {
    transform: translateX(400px);
}

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

@media (max-width: 768px) {
    .hidden-left,
    .hidden-right {
        opacity: 1;
        filter: blur(0);
        transform: translateX(0);
    }
}