Landscape - cover

A full screen responsive foreground image slideshow using just CSS, no @media queries or javascript.
Just click/tap at the right for the next slide and at the left for the previous slide.
Resize your browser or change from portrait to landscape to see the slideshow 'respond'.
Uses 'contain' and 'cover' for the images which are all 4:3 and 3:4 aspect ratios, but will work with any aspect ratio.

CSS PLAY

Portrait - cover

CSS PLAY

Landscape - contain

CSS PLAY

Portrait - contain

CSS PLAY

Landscape-cover

CSS PLAY

Landscape - contain

CSS PLAY