Hey Zach,
I went through the video, and it was very helpful!
Should have done that right away. I love GSAP, this is next level, I will use it much more from now on.
I have now created almost exactly what I wanted.
There's one thing I can't seem to figure out.
My container (.referenz-transition) which extends in height has a black-transparent background, but now the .pin-spacer creates a space below without the black-transparent background. I've tried adding pinSpacing: false, but it doesn't make the container move anymore.
Setting height to 100vh, gives the container the correct black-transparent background, but then it doesn't stop at the top and the footer moves away.
Same with keeping the text vertically centered within the container.
My updated Codepen demo https://codepen.io/hpmacher/pen/eYJLpbJ
Could you please give me a last hint how I could make this work?
Thanks
Johannes