Thank you so much for the quick response, it is very helpful. I wish I could make the circle inside the SVG I know that would make everything a lot neater and easier to use, unfortunately it is not an option😭
The idea behind why I am tweening the top and left is that ideally I want each circle at a different position (different x same y) after following the curve. Top is calculated by windowHeight / 4 and Left is something similar using the index in the for loop.
I have added an image trying to depict the idea I am going for. The red ball is the starting point for all 3 circles, they then take the path and end up where the 3 black circles are.
I have known values for where I want the circle to start and end while taking this kind of path. I am starting to wonder, am I using the wrong tool for this kind of idea?