JSFiddle - React, Tailwind, and code Playground

HTML

<figure>
    <img src="https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg" />
</figure>
<figure>
    <img src="https://i.ytimg.com/vi/sTX8qbOtPN8/hqdefault.jpg" />
</figure>

CSS

figure{
 overflow: hidden;
 max-height: 200px;
}

.thumbnail figure {
  max-height: 200px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
 }
 
 img {
   max-height: 500px;
 }