JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parentDiv">
  <img src="https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg" alt="Paris"><div>

CSS

.parentDiv {
  border: 4px solid black;
  width: 80%;
  height: 250px;
  margin: 0 auto;
}

img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}