Лучший способ выровнять изображения с текстом в Wordpress?

.container {
  width: 100%;
}

.image, .description {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.image img {
  width: 100%;
}

.description {
 padding: 15px;
}

<div class = "container">
  <div class = "image">
    <img src = "https://preview.ibb.co/ioNAzT/img02.jpg">
  </div>
  <div class = "description">
    <h2>Image title</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut mollis lacus. Pellentesque euismod mauris justo. Aenean eu sagittis ex. Suspendisse potenti. Duis velit lacus, vestibulum sit amet ex sed, mattis scelerisque metus.</p>
  </div>
</div>

.row {
  display: flex;
  justify-content: space-around; /* Horizontal alignment */
}

article {
  display: flex;
  flex-direction: column;
  align-items: center; /* Horizontal alignment */
}

<div class = "row">
  <article>
    <div class = "image"><img src = "https://via.placeholder.com/100x100"></div>
    <h2>Header text</h2>
    <p>Detail text</p>
  </article>
  <article>
    <div class = "image"><img src = "https://via.placeholder.com/100x100"></div>
    <h2>Header text</h2>
    <p>Detail text</p>
  </article>
  <article>
    <div class = "image"><img src = "https://via.placeholder.com/100x100"></div>
    <h2>Header text</h2>
    <p>Detail text</p>
  </article>
</div>