Motion path by Anime JS is not aligned properly to path

Question

So I created an SVG which is consists of path and shapes and i want to animate those shapes on that specific path.

For animation I am using anime.js

I have attached my code here :

https://codesandbox.io/p/sandbox/svg-pos-5xlf6y?file=%2Fsrc%2FApp.js%3A9%2C1

can some one point out the issue or high i can do the alignment using js.

I want to know the issue in my code or svg or a javascript code for proper alignment.