Above-the-fold elements flash before animation runs (Astro)

[nboada]

Hi,
I’m using USAL in an Astro project and I’m running into a flashing issue with above-the-fold elements.

For my hero section, I’m using classes like:

fade-u-0 delay-100

On page load, the content briefly appears in its final state, then the animation runs. This causes a visible flash before the animation starts.

It looks like the elements are rendered normally before USAL applies its animation styles.

Is there a recommended way to prevent/fix this?

This seems especially noticeable in Astro since the HTML is already rendered on load.

Any guidance or best practice for hero / above-the-fold animations would be appreciated.

Thanks.