JSFiddle - React, Tailwind, and code Playground

HTML

<div class="picture">

</div>

CSS

.picture {
  width: 500px;
  height: 500px;
  background-image: url('https://dummyimage.com/600x400/cc0000/fff');
}

@media (min-width: 450px) {
  .picture {
    background-image: url('https://dummyimage.com/600x400/00cc00/fff');
  }
}

@media (min-width: 769px) {
  .picture {
    background-image: url('https://dummyimage.com/600x400/0000cc/fff');
  }
}