- Start the layout in desktop mode, animation begins to play.
- Scale down to mobile breakpoint, pause timeline and store a variable of the current timeline position.
- Pick up the timeline in the next layout at the saved position.
- Scale back up to original layout, perform the same function over again.
I understand that the timelines would have to be perfectly equal in length, and I intend them to be; identical animations for the components in each layout, but with some scaling and re-arranging applied to the mobile version.