Help with GSAP scrolltrigger JavaScript issue

I’m trying to have 2 video blocks which perform the same as this GSAP scrolltrigger example, which expands and sticks for a while taking up the full screen, before continuing onto the next section. Mine also seem to start at full width, when I want them to start as a circle also, before expanding. Ideally I want to keep the stroke around them also as part of the design.

The custom JavaScript code is all in the ‘Home’ before tag area.

Current live site is here:

Here is my site Read-Only: