[Weird behaviour when animating an SVG circle cx & cy properties]

@GreenSock Yes that works perfectly, thank you very much for the explanation and the minor notes

[Weird behaviour when animating an SVG circle cx & cy properties]

Hey,
I'm trying to animate 3 circles from the center of an SVG to a specific position, to do so i'm animating the cx and cy properties but the animation seems wrong. Instead of starting from the center and animating to the specified position, the circles start from the right. Can anyone help me understand the issue?
I've tried changing the transform-origin of the circles but with no results.

The codepen link is:

See the Pen KKRvyBX by signoo (@signoo) on CodePen