Cannot Animate `x` (Pan) and `scale` (Zoom) on SVG Concurrently
I'm have a panoramic SVG with three main focal points. I style it to be wider than the user's monitor, and the idea is as they advance from one position to the next in the UX, the SVG will pan to center each of those three points to give the impression of moving along the X-axis. I'm also zooming in and out when the "frame" changes.
I can calculate the center of each focal point and provide GSAP with an x coordinate describing how it should transition left to give the impression of f
Getting things to animate at the same time involves the position property. I see you're adding some labels but I'm not seeing multiple tweens using the same label unless I missed something in your code.
If I'm panning and zooming around an SVG, I usually reach for the viewBox. I find it easier to art direct those types of animations with this technique.
I have a tutorial here:
https://www.motiontricks.com/basic-svg-viewbox-animation/
