How would I change it so that instead of the "1, 2, 3" and their respective spans animating in a row format from center right to center left, they instead animated in a column format from center then move to the left and then up (so its now in top left of screen), then 2nd image appears in center and goes left (so its now in the left middle of screen), then the last one appears center and goes down and left (so its bottom left of screen)?
Hopefully I'm explaining that correctly!
The reason I am trying to achieve this is I have modified the example to achieve the desired affect I am after, I have replaced the P element with an img element, so now it displays my image and then the span tag below it and continues with the animation.
I want the images to be fairly large but I don't want them to overlap, ideally they can be close enough together that they seem like one photo..
I would like the solution to remain responsive... (I'm able to get it to work if I keep it in a row with the correct sizing but that solution was not responsive and I have since decided it would look better in column aswell)
Apologies for the very newbie question! Big thank you in advance for any support or assistance anyone is able to provide me with!
