JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <div class="item"><img src="https://im0-tub-by.yandex.net/i?id=0a6c02f2714f174bb87fc4cf01a395f2&n=13" alt=""></div>
  <div class="item"><img src="https://im0-tub-by.yandex.net/i?id=0a6c02f2714f174bb87fc4cf01a395f2&n=13" alt=""></div>
  <div class="item"><img src="https://im0-tub-by.yandex.net/i?id=0a6c02f2714f174bb87fc4cf01a395f2&n=13" alt=""></div>
</section>

CSS

section{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, auto));
}
section .item:last-child{
  grid-column:1/3;
  margin:0 auto;
}

img{
  max-width:280px;
}