JSFiddle - React, Tailwind, and code Playground

HTML

<div class="desktop-slideshow">
  <img src="https://www.placehold.it/1920x1080" alt="">
</div>

CSS

.desktop-slideshow{
  height:500px;
  width:auto;
  outline: 4px solid red;
}

.desktop-slideshow img{
  object-fit: cover;
  max-width:100%;
  min-height:100%;
  height:100%;
  width:100%;
}