What research have you done? What have you tried already?
If you don’t know where to start, here’s an idea for how to approach the problem;
For the HTML, you’ll probably be looking at a ul/list structure with each li holding a different img/background-image.
For the CSS animations, have a look into keyframes or inspect how a ready-made animations library, like Animate.css, has done things.
For the timings, you’ll most likely need to write a JavaScript function that sequentially adds and then removes a class to the list items in the HTML. Against this class you can define the animation CSS.
