JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  <img src="https://w-dog.ru/wallpapers/5/6/306565792330301.jpg" />
</div>

CSS

html, 
body {
  width:100%;
  background-color: white;
  margin: 0;
}
.block {
  width:100%;
  background: url("https://w-dog.ru/wallpapers/5/6/306565792330301.jpg") 0 0 no-repeat, red;
  background-size: cover;
}
.block img{
    opacity: 0;
    visibility: hidden;
    max-width: 100%;
}