Responsive "Side-by-Side" Images

How to create side-by-side images with the CSS float property. On screens that are 500px wide or less, the images will stack on top of each other instead of next to each other:

Resize the browser window to see the effect.

Snow
Forest
Mountains