JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box-container">
  <div class="box">
    <ul>
    <li>List item#1</li>
      <li>List item #2</li>
    </ul>
  </div>
  <div class="box"><img class="img-fluid" src="https://kbimages1-a.akamaihd.net/986c18bb-e402-4135-874c-04dc38db70b6/1200/1200/False/filth-5.jpg" alt="Svintus"></div>
  <div class="box"><img class="img-fluid" src="https://images-na.ssl-images-amazon.com/images/I/81W%2BnObgJKL.jpg" alt="Skull"></div>
</div>

CSS

#box-container {
    width: 600px;
    display: flex;
    flex-direction: row; /*redundant, it's row by default*/
    border: 1px solid; /*for illustration purposes*/
  }
  .box {
    width: 33%;
    border: 1px solid;
  }
  
  .img-fluid {
    max-width: 100%;
}