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:
https://funlab-interim-site.webflow.io/


Here is my site Read-Only:
https://preview.webflow.com/preview/funlab-interim-site-657f3c01d0ff3107e51?utm_medium=preview_link&utm_source=designer&utm_content=funlab-interim-site-657f3c01d0ff3107e51&preview=ca6d72a3e0e84005e40e5005508ada7f&workflow=preview