I am using Animate on Scroll(AOS) plugin in reactjs. AOS Plugin intimates before the png image is loaded.

I see a greyed image instead of the actual image.

Here is the working url

I cannot share the full code. it is bit lengthy

// In App.tsx
useEffect(() => {
    AOS.init({
      duration: 1000,
      once: true,
    });
});