Great! However, I tried adding in a delay to the tweens between and it didn't seem to stop the frames from animating.
My ideal scenario:
// your pseudo timeline code animating an image element in the middle
frameScroll
.to(airpods, {frame: 50, snap: "frame", ease: "none", duration: 10}) //Somehow pause the frame animation here
.to('h2', {rotation: 360, duration: 10}, "+=10") // Keep this in place for 10 seconds
.to(airpods, {frame: 147, snap: "frame", ease: "none", duration: 10}) // Restart the frame animation here - but would need to start from frame 51.
I've done something similar in the past with ScrollMagic and it may be I have to revisit that. But thanks for your help so far.