JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<div id="mydiv">
    <img src="http://res.cloudinary.com/demo/image/upload/sample.jpg" class="image_full">
    <img src="http://res.cloudinary.com/demo/image/upload/couple.jpg"  class="image_mobile">
</div>

CSS

.image_full{
   display:block;
  }

 .image_mobile{
  display:none;
 }

@media (max-width: 640px) and (min-width: 320px){
  .image_full{
   display:none;
  }

  .image_mobile{
   display:block;
  }
}