title: <picture> Tag - Ignoring <source> Tags && Falling back to <img> on iPad / Safari (Desktop)
body: <p>I am struggling to solve an isssue I have with iPad responsive images and could not find a solution here. I have the following HTML5 code applied to a banner to have it responsive. </p>
  
  <pre><code>&lt;picture&gt;
     &lt;source media="(min-width: 1081px)" srcset="desktop-image"&gt;
     &lt;source media="(min-width: 661px)" srcset="tablet-image"&gt;
     &lt;source media="(min-width: 0px)" srcset="mobile-image"&gt;
     &lt;img src="desktop-image"&gt;
  &lt;/picture&gt;
  </code></pre>
  
  <p><strong>Expected Behavior:</strong> Responsively displays and falls back to appropriate <code>&lt;source&gt;</code> on iPad</p>
  
  <p><strong>Current Behavior:</strong> Responsively displays and falls back to appropriate <code>&lt;source&gt;</code> on iOS mobile Safari but not tablet/iPad. <code>&lt;picture&gt;</code> not responding responsively to viewport width</p>
  
  <p>Thanks in advance for your help!</p>