JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.placecage.com/200/200" class="image1"/>
<img src="http://www.placecage.com/250/250" class="image2"/>

CSS

.image2{
   display: none;
}

@media only screen and (max-width: 500px){           .image1{
     display: none;
   }

   .image2{
     display: block;
   }
}