.event-image--past {
    filter: grayscale(100%);
}

html.has-scroll-reveal .scroll-reveal-item.event-image--past {
    filter: grayscale(100%) blur(var(--scroll-reveal-blur));
}

html.has-scroll-reveal .scroll-reveal-item.scroll-reveal-item--settled.event-image--past {
    filter: grayscale(100%);
}

@media (prefers-reduced-motion: reduce) {
    html.has-scroll-reveal .scroll-reveal-item.event-image--past {
        filter: grayscale(100%) !important;
    }
}