title: Responsive design - Media Queries - How not to load certain images
body: <p>Ok, So I designed a responsive layout that doesn't show images for very small screen sizes, using media queries and <code>display: none;</code>.</p>
  
  <p>So far so good. But these images still download on these devices, causing an increase in bandwidth.</p>
  
  <p>What is the proper way to make these images not download on the specified devices?</p>
  
  <p>Any response would be much appreciated!</p>