here is the character looping animation:

the character's hair and hoodie are moving up and down in the loop
Now here's the tricky part:
You see, i have 2 layers, one line art (the looping animation) and one for color

(Keep in mind that the color layer is not yet finished, as shown in the picture, so it isn't extended to full 4 frames like the line art frames)
(Just to clarify, the color layer is the coloring of the lineart one)
Now, what i want to do is:
tween both of them to move downwards for a x amount of frames
but the only way i know how to achieve this is moving both of the frames of the layers into a symbol and then tweening that entire symbol as a whole
I am no expert in tvpaint, please keep things brief and easy to understand.