JSFiddle - React, Tailwind, and code Playground

HTML

<section class="expertise">
  <div class="container">
    <h1 class="title">our expertise</h1>
    <div class="expertise__content">
      <div class="expertise__kpi">
        <div class="expertise__item">
          <span class="expertise__result">BRANDING</span>
          <span class="expertise__percent">90%</span>
        </div>
        <div class="expertise__item">
          <span class="expertise__result">DESIGN</span>
          <span class="expertise__percent">80%</span>
        </div>
        <div class="expertise__item">
          <span class="expertise__result">DEVELOPMENT</span>
          <span class="expertise__percent">85%</span>
        </div>
      </div>
      <p class="expertise__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium commodi totam
        culpa, dolorum asperiores iusto quidem, nesciunt hic eaque blanditiis enim, id maiores nam nobis dignissimos
        aliquam ad minus nisi.
        Autem laborum sint tenetur, earum facere veniam? Sunt fugiat veniam consectetur soluta quia ex tempora quaerat,
        perferendis! Itaque a praesentium saepe ex distinctio aliquid quis</p>
    </div>
    <div class="tools">
      <div class="tools__item">
        <h3 class="tools__title">GRAPHIC DESIGN</h3>
        <div class="tools__info">
          <img class="tools__img" src="" alt="">
          <p class="tools__desc">Lorem Ipsum Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem
            quis bibendum auctor, nisi elit consequat ipsum</p>
        </div>

      </div>
      <div class="tools__item">
        <h3 class="tools__title">WEB DEVELOPMENT</h3>
        <div class="tools__info">
          <img class="tools__img" src="" alt="">
          <p class="tools__desc">Lorem Ipsum Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem
            quis bibendum auctor, nisi elit consequat ipsum</p>
        </div>

      </div>
      <div class="tools__item"></div>
        <h3...