JSFiddle - React, Tailwind, and code Playground

HTML

<div id="n1">
    <img src="http://jpegshare.net/thumbs/fc/39/fc390b2cebab53f54a4d41e5145a7322.jpg">
</div>
<div id="n2">
    <picture>
      <source media="(min-width: 1025px)" srcset="http://jpegshare.net/images/fc/39/fc390b2cebab53f54a4d41e5145a7322.png">
      <img src="http://jpegshare.net/thumbs/fc/39/fc390b2cebab53f54a4d41e5145a7322.jpg">
    </picture>
</div>

CSS

@media only screen and (max-width: 1024px) {
    #n2 {
        display: none;
    }
}