JSFiddle - React, Tailwind, and code Playground

HTML

<div class="example"></div>

CSS

.example{
   background-image: url("http://www.placecage.com/500/100");
   background-size: cover;
   height: 100px;
   width: 500px; 
}

@media only screen and (max-width: 500px){

   .example{
       background-image: url("http://www.placecage.com/500/200");
   }
}