/* Начальное состояние элемента - скрыт и размыт */
.blur-in {
    opacity: 0;
    filter: blur(15px);
    transition: opacity 1s ease-out, filter 1s ease-out;
}

/* Класс, который запускает анимацию (появляется при добавлении JS) */
.blur-in.visible {
    opacity: 1;
    filter: blur(0);
}

/* Если нужны задержки между элементами */
.delay-1 { transition-delay: 0.2s; }
.delay-2 { transition-delay: 0.4s; }
.delay-3 { transition-delay: 0.6s; }
.delay-4 { transition-delay: 0.8s; }
.delay-5 { transition-delay: 1s; }