Responsive Images Demo

This demo has a corresponding post that explains how it was built. You can view the post here.

The image above uses image-set() to change images. The image below uses the srcset and sizes attributes. The four images in the aside (right or below depending on how wide your screen is) use the picture element.

My image

No images were harmed in the making of this demo. Any rebroadcast, reproduction, or other use of the demo and it's code without the express written consent of Major League Baseball is prohibited…or not.