[Pin area too long / too much scrolling after finishing the animations]

We tried to achieve something like this https://www.ueberbild.de/leistungen in the middle of the page

 

 

Our timeline consists of two tweens that should take place simultaneously:
1. change the clip path of the images
2. change texts

The problem is that after the animations are finished, it can be scrolled much longer.

We would like the scrolling to stop after the animation. It seems that the pin area is too long.

We have already played around with the end values, but this only changes the speed of the animations

I think we have a small misunderstanding here and would be very grateful for help

 

See the Pen OJGRmwY by meeheee (@meeheee) on CodePen