We can fix this flash of unstyled content (FOUC) visual bug by applying
visibility: hidden; to our elements and then use GSAP's
autoAlpha affects our element's
visibility, changing it to
visible when the
opacity is greater than 0.
To understand this more deeply, check out this video from the "GSAP 3 Express" course by Snorkl.tv - one of the best ways to learn the basics of GSAP 3.