JSFiddle - React, Tailwind, and code Playground

by Eugeny Venegrad

HTML

<div class="c">
  <div class="t"><img src="https://www.wiwo.de/images/pk-zur-wirtschaftspolitik-2010-achim-truger/23762038/3-format10320.jpg" alt=""></div>
  <div class="t"><img src="https://www.wiwo.de/images/pk-zur-wirtschaftspolitik-2010-achim-truger/23762038/3-format10320.jpg" alt=""></div>
  <div class="t b">
    <div class="tc">
  
   <img src="https://www.wiwo.de/images/row08_0000s_0000s_0007_jvr-piero-istrice-jpg/20944830/4-format40190.jpg" alt=""> </div></div>
</div>

CSS

* {
  box-sizing: border-box;
}

.c {
  display: flex;
  justify-content: space-between;
}

img {
  max-width: 100%;
  display: block;
  width: 100%;
  margin-bottom: 0;
  vertical-align: top;
}

.t {
  width: 32%;
}

.tc {
  background-color: #000;
  padding: 4%;
  width: 100%;
}

.b {
  position: relative;
}

.b img {
  width: 52.2%;
}