How to pin one div just underneath another

[LSchneiderman]

I'm trying to pin a div on top and then later pin something just underneath the first div. I am still very new to the whole GreenSock/ScrollTrigger world and don't have my bearings yet. Could someone help me with what am I doing wrong with these pins? I don't understand pin spacing and I wish I could use responsive spacing with percentages rather than pixels.

See the Pen wvdbNaw by lschneiderman (@lschneiderman) on CodePen

[GreenSock]

I assume you're looking for something like this, right?: 

See the Pen abWrgVg?editors=0010 by GreenSock (@GreenSock) on CodePen

[LSchneiderman]

Yes, thank you, @Jack!

[GreenSock]

Anytime. Happy tweening/pinning/scrolling