JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="box">
    <img src="https://static.pexels.com/photos/281260/pexels-photo-281260.jpeg" />
      <div>
         Caption
      </div>
  </div>
<div class="box">
    <img src="https://static.pexels.com/photos/281260/pexels-photo-281260.jpeg" />
      <div>
         Caption with a really really really long sentence. Caption with a really really really long sentence.Caption with a really really really long sentence.Caption with a really really really long sentence.Caption with a really really really long sentence.Caption with a really really really long sentence.Caption with a really really really long sentence.
      </div>
  </div>
  <div class="box">
    <img src="https://static.pexels.com/photos/281260/pexels-photo-281260.jpeg" />
      <div>
         Caption
      </div>
</div>
</div>

CSS

img {
  max-width:100%;
  height:auto;
}
.container {
  display:flex;
  width:90%;
  margin:0 auto;
}
.box {
  flex:1;
  margin:0 4px;
}