.hidden{
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100%);
    transition: all 1s;
    transition-delay: calc(100ms * var(--order));
}

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

.hidden2{
    opacity: 0;
    filter: blur(5px);
    transition: all 1s;
    transition-delay: calc(100ms * var(--order));
}

.show2 {
    opacity: 1;
    filter: blur(0px);
}