JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<img src='https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500' alt='none' />

<div>

</div>

CSS

div {
  background-image: url(https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);
  background-size: cover;
  background-position: center;
  min-height: 300px;
}

img {
  width: 100%;
  height: auto;
}