MQ-based Content-controlled Optional Image Loading

This is a test. I want to see if we can reliably load images only within specific media queries using only HTML and CSS without causing issues in older browsers.

On modern browsers rendering with a screen width of 20em or above, an image should be displayed in the box below. On older browsers or browsers displaying below 20em, you should not see an image, a broken image icon, or (optionally) displayed alt text (typically displayed because the src is not available).

Drumroll…

This alt text could be optionally displayed.
Image and basic img syntax lifted from the Picturefill documentation