data-picture: fix demo CSS breakpoints and images

Matched the data-picture breakpoints and image widths to the CSS media
query breakpoints.
Merge pull request #4008 from patheard/data-picture

data-picture: fix demo CSS breakpoints and images