Page on load triggers

Hi,
I’ve set up a page load trigger for the first 3 lines of text over image. But when you first visit the page you see the all text, THEN the trigger initiates. I want the text to fade in on page load. HELP!

https://preview.webflow.com/preview/cwp-website-a8dca0d12bd31c8f596c5c?utm_medium=preview_link&utm_source=dashboard&utm_content=cwp-website-a8dca0d12bd31c8f596c5c&preview=3299531703017bb0cc9dbba0f124debc&workflow=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)