JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <div class="wrap">
    <div class="child">
      <div class="left">
        <div class="title">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat, itaque.
        </div>
        <div class="content">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque corporis, error tempora accusantium aperiam! Culpa quibusdam exercitationem, fugiat expedita animi iure necessitatibus ullam error quisquam perferendis. Nisi provident aliquam porro ex voluptatem dolor qui quisquam vitae nihil exercitationem voluptatum accusamus quae adipisci ipsum, voluptatibus cum rerum quam sed, quod aperiam.
        </div>
      </div>
      <div class="right">
        <div class="wrap_img"><img src="http://placehold.it/200x50"></div>
      </div>
    </div>
    <div class="child">
      <div class="left">
        <div class="title">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat, itaque.
        </div>
        <div class="content">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque corporis, error tempora accusantium aperiam! Culpa quibusdam exercitationem, fugiat expedita animi iure necessitatibus ullam error quisquam perferendis. Nisi provident aliquam porro ex voluptatem dolor qui quisquam vitae nihil exercitationem voluptatum accusamus quae adipisci ipsum, voluptatibus cum rerum quam sed, quod aperiam.
        </div>
      </div>
      <div class="right">
        <div class="wrap_img"><img src="http://placehold.it/200x50"></div>
      </div>
    </div>
    <div class="child">
      <div class="left">
        <div class="title">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat, itaque.
        </div>
        <div class="content">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque corporis, error tempora accusantium aperiam! Culpa quibusdam exercitationem, fugiat expedita animi...

SCSS

.wrap {
  margin: 0 auto;
  max-width: 900px;
  background: red;
  .child {
    display: flex;
    align-items: center;
    width: 600px;
    text-align: right;
    &:nth-child(even) {
      flex-direction: row-reverse;
      text-align: left;
      margin-left: auto;
    }
    .left {
      width: 300px;
      .title {
        margin-bottom: 10px;
      }
    }
    .right {
      width: 300px;
      text-align: center;
      .wrap_img {
        img {
          border-radius: 50%;
          width: 200px;
          height: 200px;
        }
      }
    }
  }
}