.hidden-elementYD {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease-out;
}
.hidden-elementYD.show {
    opacity: 1;
    transform: translateY(0);
}

.hidden-elementXL {
    opacity: 0;
    transform: translateX(clamp(20px, 4vw, 200px));
    transition: all 0.8s ease-out;
}
.hidden-elementXL.show {
    opacity: 1;
    transform: translateX(0);
}

.hidden-elementXR {
    opacity: 0;
    transform: translateX(clamp(-20px, -4vw, -200px));
    transition: all 0.8s ease-out;
}
.hidden-elementXR.show {
    opacity: 1;
    transform: translateX(0);
}