title: <picture> is not working the way it's supposed to be working
body: <p>Below is my picture tag</p>
  <pre><code>&lt;picture&gt;
            &lt;source
              media=&quot;(min-width: 1366px)&quot;
              srcset=&quot;/LP/SpecialOffers/EC012722---ScrubBigOPromo-TILESDesktop content tile_grid.jpg?$staticlink$&quot;
            &gt;
            &lt;source
              media=&quot;(min-width: 451px)&quot;
              srcset=&quot;/LP/SpecialOffers/EC012722---ScrubBigOPromo-TILESTablet content tile_grid.jpg?$staticlink$&quot;
            &gt;
            &lt;source
              media=&quot;(max-width: 450px)&quot;
              srcset=&quot;/LP/SpecialOffers/EC012722---ScrubBigOPromo-TILESMobile content tile_grid.jpg?$staticlink$&quot;
            &gt;
            &lt;img
              src=&quot;/LP/SpecialOffers/EC012722---ScrubBigOPromo-TILESDesktop content tile_grid.jpg?$staticlink$&quot;
              alt=&quot;GET YOUR LIP FIX&quot;
            &gt;
  &lt;/picture&gt;
  </code></pre>
  <p>whatever the size of the window, the fallback img tag gets executed. Can somebody tell me what's the issue here</p>