JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>

CSS

#container {
  height:300px;
  width:100%;
  background:url("http://beerhold.it/579/300") no-repeat scroll  center top transparent;
  background-size:cover;
}

@media only screen and (max-width: 579px) {
#container {background-size:contain;}

}