Is it GSAP thing or CSS z-index issue: parallax tiles with headings

[TadasG]

I have been trying to copy this cool animation from https://selemen.liqium.com/index.html, where pictures with completed projects come over each other and their headings are staying in the the same position (it's in the mid section of the website). As you can tell from my codepen, I can't make it work fully. All the code is copied from the target website, but that heading transition doesn't happen. I've been banging my head for the last week, as I understand, that it may probably be css issue, but as I can't see it, I would like to ask your opinion about it.

See the Pen LYKOyEZ by tadasgrigonis (@tadasgrigonis) on CodePen.

[ryan_labar]

You're loosing your z-indexing with how ScrollTrigger handles pinning by default (position: fixed). You should just need to add: pinType: 'transform',

[TadasG]

16 minutes ago, ryan_labar said:

You're loosing your z-indexing with how ScrollTrigger handles pinning by default (position: fixed). You should just need to add: pinType: 'transform',

I am so so so much thankful right now, you wouldn't believe. That solves the issue and I'm free to go with other projects, thank you again!