JSFiddle - React, Tailwind, and code Playground

HTML

<div class="yourdiv">
<img src="https://www.w3schools.com/howto/img_forest.jpg" class="yourbg">
</div>

CSS

*{
  margin: 0; padding: 0;
}
.yourdiv{
  width: 500px; height: 300px;
  overflow: hidden;
  position: relative;
}
.yourbg{
  width: 100%; height: auto;
  position: absolute;
  left: -50%;
}