Animation visible in Firefox only?

[MrCapp]

Hello. I have an animation where I've used autoAlpha to keep things hidden until the animation starts. The animation is supposed to play three times after loading.

On Mac, it's visible in Firefox but not Chrome or Safari. What do I have wired up incorrectly?

I'm realtively new to GSAP so I'm not sure what is causing the issue.

Any insight is appreciated.

See the Pen PoRVYJo by OddboxStudio (@OddboxStudio) on CodePen

[Cassie]

Hey there - you'll need to give your SVG a width for some browsers. Max width is just collapsing in chrome for me.
 

svg {
 width: 300px;
}

Your GSAP animation looks great though, nice job!

[MrCapp]

Awesome - thanks for pointing that out!