How to Apply AOS Animation with Different Delays to Child Elements in React?

I am trying to build a header component for a website using React JS.

Reactjs and AOS after page is loaded

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