title: Changing img based on window size
body: <p>I wish to have my VS2015 site display a more horizontal image I have created when on a desktop and a more vertical one on a mobile device.  I have two separate cropped images to avoid distortion of sizing.  I have tried using css with media queries to hide or show but it always showed both images (other media queries for resizing on the page work fine).  I have tried the picture tag:</p>
  
  <pre><code>&lt;picture&gt;
      &lt;source srcset="../Images/Chalkboard414.jpg" media="(max-width: 450px)"&gt;
      &lt;source srcset="../Images/Chalkboard900.jpg"&gt;
      &lt;img srcset="../Images/Chalkboard900.jpg&gt;"
  &lt;/picture&gt;
  </code></pre>
  
  <p>and downloaded picture fill and added this to header</p>
  
  
  
  <p>Still no success.  Sorry for the newbie question but I would love some help with what seems like a simple idea.</p>
  
  <p>Greg</p>