NO jQuery/javascript.

An auto run responsive slideshow that uses CSS variables to set up the slideshow size and transition speed, this has the addition of a button that can be used to pause the slides at any point and then continue to play from the paused position. It also has an indication of slide being shown and a line of information text.

This version just uses a flex box and 'order' to cycle through the images and does not need any changes to the stylesheet, except to update some variables and any additional image lines. It is also necessary to add the images and associated text into the html and increment the text and indicator information.

The stylesheet for this demonstration is in the page head, but if you use this, please keep my copyright comment with the stylesheet.

A donation for the use of this slideshow would be appreciated.