Gif like animation with CSS

Question

Hello, I'm trying to make an animation by using just css. So, I have 4 pictures that I want to put into auto playing slideshow with different time for each slide and order should be like 1 2 1 2 1 2 3 4 3 2 and then repeat infinitely. So, the result should look like it's a gif animation. Any ideas how do I do that? Or any resources to read?
https://code.sololearn.com/WbzU90609X5h/?ref=app
https://code.sololearn.com/WbzU90609X5h/?ref=app

Answer 1

Maroun Grey Barqawi you could try to add steps(1, start) to skip the fading..

https://code.sololearn.com/Wj7dcxisN2MV/?ref=app

Answer 2

Hello Maroun Grey Barqawi

I think I have a solution for you.

https://code.sololearn.com/WfPuq8a3HwY7/?ref=app