Why do hidden div blocks flash when initially loading page?

Hi all –
I’m having a problem that I’m guessing is fairly common, and I’m hoping there’s an easy and elegant solution.

When initially loading my page, I have several text wrapper div blocks that flash visible and then disappear; these text wrappers are meant to appear only when you hover over them.

Tips on how to fix so its a cleaner more elegant load visually?

Here is the live site:

Here is my site Read-Only: https://preview.webflow.com/preview/enactusunitedstates?utm_medium=preview_link&utm_source=designer&utm_content=enactusunitedstates&preview=27dad5c3ecd3e77b9adfa889d4e0834f&mode=preview

Did you ever figure out a fix? having the same issue with my site on Chrome and Safari.
I applied a quick patch found here → Page Content loads before preloader

But it’s not a true fix.