Pure HTML/CSS/JS Slider

Default Example

Different Initial image

Using flexbox instead of images

Make sure all flexboxes have the same number of children. If you don't, content of flexbox will bleed to the next.

Using grid instead of image

A better alternative if every box needs a different number of children.