responsive images article

I find it a bit weird starting with `<picture>` and art direction.  That is the least common usage seen from current web as far as I can tell.  "Changing image sizes" is the most useful.  If you wanted to go from most-used to lesser-used that is, I think that's a good ordering, but surely there are many others that work :]