This is an update to a previous slideshow produced back in 2016. The original slideshow was not responsive and used many outdated methods to show the animation between slides.

I have produced this version to show how the latest CSS styles reduce both the HTML code and the CSS stylesheet, and also make the slideshow responsive.

This can be adapted to use any number of images and any sized (aspect-ratio) images.

The thumbnail images are styled radio inputs using 'content:' to place the images, and all the main images are placed as background images using CSS.