Responsive CSS3 image slider/fader, no Javascript

This slider/fader/whatever uses a different set of images for each breakpoint.

This particular example is using a different images for each size so that we can more easily see what is going on, but obviously you would put a resized set of the same images into each folder. At each breakpoint a different folder of images is used as background images in an unordered list. There is no javascript except for Jquery to provide the screen sizes. IE, which does not support CSS animations, will only display a static image, and that serves IE users right

Help yourself to the source code.