JSFiddle - React, Tailwind, and code Playground

HTML

<div><img src="http://placehold.it/1174x660&text=enter" /></div>

CSS

div {
  display: inline-block;
  background-color: red;
  max-height: 375px;
  overflow: hidden;
  line-height: 0;
}

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

@media only screen and (max-width: 500px) {
  img { 
    width: 380px;
    height: 214px;
  } 
}