JSFiddle - React, Tailwind, and code Playground

by dumptyd

HTML

<div class="bg"></div>

CSS

.bg {
  height: 50vw;
  max-height: 500px;
  position: relative;
  background-image: url('https://picsum.photos/400/200/?random&1');
  background-size: cover;
}

@media(min-width: 1500px) {
  .bg {
    height: 40vw;
    max-height: none;
  }
}