Why my pin isn't working inside containerAnimation?

[Abhishek Animates]

Continued thread but different issue (Old Thread link)

 I'm trying to create a header or something which should be pinned from that section reaches the left of the screen to the section starts scrolling out of the screen.
I tried pinning the header but and passed the horizontal scroll animation as containerAnimation , it's not getting pinned.

What can I do in this case?

Also I came to know that if I remove position: absolute; from .header-wrapper, it will break whole animation and even the scroll won't work. 🫥
 

See the Pen WNmrXgp by abhiishek-10 (@abhiishek-10) on CodePen

Edited January 4 by Abhishek Animates

[Cassie]

Hi there! You can't pin elements within a horizontally scrolled section.
 

 

Another way to do this may be to move the header outside of the scrolltween section (like the bands) - or to do some trickery where you have one inside, one outside and then quickly swop over the opacity.