Layered pinning with GSAP working - now want to end the effect and continue scrolling the rest of the page as normal. End:bottom isn't working!

[_username7777]

I have made the effect I want using scrollTrigger, where the full screen image scrolls over the red background 

However, once this happens, I now want the rest of the page to carry on scrolling as normal. For example, I should be able to see the blue background.

 

I tried adding

 "end": "bottom bottom" 

but this loses the layered pinning effect. 
 

See the Pen yLpyKRQ by sophielihenry (@sophielihenry) on CodePen

[_username7777]

I resolved it here: 
I overcomplicated it and just had to add the trigger to the singular panel container