data-picture: fix demo CSS breakpoints and images

Matched the data-picture breakpoints and image widths to the CSS media query breakpoints.

Fixes the [demo images](http://wet-boew.github.io/v4.0-ci/demos/data-picture/data-picture-en.html) overflowing their containers at some screen widths.