Multiple GIFs in a row, one by one?

Question

css

Hello!
Is there a way to display multiple GIFs on a page, one after the other, in turn?
One GIF ends, another one turns on in its place, and so on.
What should be done.
Animation of the machine, at the beginning the cutting tool approaches the workpiece and processing begins. Here the processing must be looped, without the first part of the tool supply.

Answer 1

If I understood the goal correctly, then only one way of implementation has arisen in my head so far - just change the src of the picture (animation) itself and calculate in advance through setTimeout how long these changes will take to make.

Answer 2

JavaScript GIF parser and player - https://github.com/buzzfeed/libgif-js