Keeping objects still whilst page is scrolling

I would like to keep an object ABSOLUTELY static in the window as the user scrolls up AND whilst a basic opacity animation completes. THEN for it to start scrolling only when the opacity reaches 100%.

How might I achieve this?

Thanks


Here is my public share link: LINK
(how to access public share link)