JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src="http://dummyimage.com/500x500/000/fff">
  <img src="http://dummyimage.com/920x500/858585/fff">
  <img src="http://dummyimage.com/500x500/696969/fff">
</div>

SCSS

div {
  overflow: hidden;
}
img {
  margin-right: -6px;
  max-height: 500px;
  height: 100%;
  &:nth-child(1),&:nth-child(3) {
    width: 26.08%;
  }
  &:nth-child(2) {
    width: 48%
  }
}