/* Базовый класс – скрыт */
.reveal {
    opacity: 0;
    transition: opacity 1s ease, filter 1s ease;
}

/* Варианты без transform */
.reveal-fade {
    /* только opacity */
    transition: opacity 1s ease;
}
.reveal-fade.active {
    opacity: 1;
}

.reveal-blur {
    filter: blur(6px);
    transition: opacity 1.2s ease, filter 1.2s ease;
}
.reveal-blur.active {
    opacity: 1;
    filter: blur(0);
}

.reveal-bright {
    filter: brightness(0.3);
    transition: opacity 1s ease, filter 1s ease;
}
.reveal-bright.active {
    opacity: 1;
    filter: brightness(1);
}