HTML5 <picture> srcset fallback for IE 10 and 11
<p>I really want to keep my footer responsive to different devices so I have used the generator from cloudinary.  Here is the HTML5</p>

<pre><code>&lt;picture&gt;
&lt;img
sizes="(max-width: 1920px) 100vw, 1920px"
srcset="
footer_rainbow_fjrr5j_c_scale,w_190.png 190w,
footer_rainbow_fjrr5j_c_scale,w_780.png 780w,
footer_rainbow_fjrr5j_c_scale,w_1190.png 1190w,
footer_rainbow_fjrr5j_c_scale,w_1920.png 1920w"
src="footer_rainbow_fjrr5j_c_scale,w_1920.png"
alt=""&gt;
&lt;/picture&gt;
</code></pre>

<p>However according to caniuse.com, it doesn't support IE 10 or 11. </p>

<p>What is the best fallback?  All I can think of so far is using media queries using csswith different breakpoints.  Is there a better way?  I have also tried css cover, width; 100% and contain, but neither are perfect.</p>