JSFiddle - React, Tailwind, and code Playground

HTML

<div class="about">
    <div class="about__body">
      <div class="about__header">
        <div class="about__title title">title</div>
        <div class="about__text">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit natus fugit perspiciatis quod laboriosam maxime
          modi repellendus odit sint consectetur id debitis ratione laborum, cupiditate numquam suscipit molestias
          dolore neque?
        </div>
      </div>
      <div class="about__row">
        <div class="about__columm">
          <div class="item-about">
            <div class="item-about__icon">
              <img src="images/the-cup-2360104_1280.png" alt="">
            </div>
            <div class="item-about__title">title</div>
            <div class="item-about__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis minus vel itaque cumque facere! Quibusdam, nobis! Neque hic ut beatae ipsa magni, tenetur rerum nihil laboriosam esse eaque suscipit ullam?</div>
            
            
          </div>
        </div>
        <div class="about__columm">
          <div class="item-about">
            <div class="item-about__icon">
              <img src="images/the-cup-2360104_1280.png" alt="">
            </div>
            <div class="item-about__title">title</div>
            <div class="item-about__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis minus vel itaque cumque facere! Quibusdam, nobis! Neque hic ut beatae ipsa magni, tenetur rerum nihil laboriosam esse eaque suscipit ullam?</div>
            
            
          </div>
        </div>
        <div class="about__columm">
          <div class="item-about">
            <div class="item-about__icon">
              <img src="images/the-cup-2360104_1280.png" alt="">
            </div>
            <div class="item-about__title">title</div>
            <div class="item-about__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis minus vel itaque...

SCSS

.about {
  &__body {
    max-width: 823px;
    margin: 0 auto;
    padding-top: 40px;
  }
  &__header {
    margin-bottom: 40px;
  }
  &__title {
    margin-bottom: 30px;
  }
  &__text {
    font-size: 22px;
    letter-spacing: 3px;
    color: aquamarine;
    max-width: 660px;
    text-align: center;
    margin: 0 auto;
  }
  &__row {
    display: flex;
    margin: 0 -15px;
  }
  &__column {
    padding: 0 15px;
    flex: 0 0 33.333%;
    
  }
}
.title {
  font-size: 33px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 4px;
  font-weight: bold;
  position: relative;
  padding-bottom: 30px;
  &:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 1px;
    background-color: #000;
    margin: 0 0 0 -25px;
    left: 50%;
  }
}
.item-about {
  text-align: center;
  &__img {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 0 auto 30px;
    width: 100px;
    height: 100px;
    border: 1px solid gray;
    border-radius: 50%;
    img {
      max-width: 90px;
    }
  }
  &__title {
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  &__text {
    max-width: 400px;
    font-size: 14px;
    text-align: center;
  }
}