JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<div>
  <span>
    <img src="https://cdn.gearpatrol.com/wp-content/uploads/2019/01/Complete-Audi-Buying-Guide-gear-patrol-lead-full.jpg" />
  </span>
  <span>
    <img src="https://cdn.gearpatrol.com/wp-content/uploads/2019/01/Complete-Audi-Buying-Guide-gear-patrol-lead-full.jpg" />
  </span>
</div>

CSS

div {
  display:inline-flex;
  flex-wrap:wrap;
  height:100px;
  align-items: flex-start
}
span {
  
}
img {
  min-height:50%;
  height:100%;
  max-height:100%;
  max-width:100%;
  object-fit:cover;
}