JSFiddle - React, Tailwind, and code Playground

by webyourway

HTML

<div class="cover">
TEST
    <div class="cover-image" style="background-image : url('http://placehold.it/1939x1131');"></div>
</div>

CSS

.cover {
    height: 100%,
       
}

.cover .cover-image {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size:100%; /* old browser fallback, but I'd delete it */
  background-size: cover; /* duplicate of background-size */
  background-position: center;
}