Page load animation before the while scrolling in view

Hi, I tried create load animation for my hero section. It works nice, but since Im also using scrolling in view animation on one of the elements, the image is loaded before the “page load” animation starts. Is it possible somehow to have the page load animation load the image before the scroll animation takes place?

Here is my public share link: [LINK][1]