JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://via.placeholder.com/750x100" alt="" class="img">
<img src="https://via.placeholder.com/750x100" alt="" width="100%" height="180">
<div class="imgbg"></div>
<div class="imgbg2"></div>

CSS

.img {
  width: 100%;
  height: 50px;
}
.imgbg {
  background-image: url('https://via.placeholder.com/750x100');
  background-repeat: no-repeat;
  background-size: 100% 150px;
  height: 250px;
  width: 100%;
}
.imgbg2 {
  background-image: url('https://via.placeholder.com/750x100');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 30px;
  width: 100%;
}