Desafio: Flexbox e Breakpoints

Html

<section class="pb-4">

<h2 class="text-center">Conheça todas as nossas facilidades</h2>

    <div class=" d-flex  flex-column flex-lg-row align-items-center justify-content-center gap-3 px-3 ">
       <div class="divs-facilidades d-flex  align-items-center">
        <div><i class="bi bi-x-diamond fs-1 "></i></div>
        <div>
          <div  class="ms-3 mb-1">PAGUE PELO PIX</div>
          <div class="texto-menor ms-3"></div>  Ganhe 5% OFF em
            pagamentos via PIX</div>
        </div>
    </div>

       <div class="divs-facilidades d-flex align-items-center">
      <div class= "bi bi-arrow-repeat fs-1"></i></div>
        <div>
          <div class="ms-3 mb-1"></div> >TROCA GRÁTIS</div>
          <div class="texto-menor ms-3"></div> Fique livre para trocar em até 30 dias.</div>
        </div>
    </div>
     
      <div class="divs-facilidades d-flex align-items-center">
        <div><i class="bi bi-flower1 fs-1"></i></div>
        <div>
          <div class="ms-3 mb-1">SUSTENTABILIDADE</div>
          <div class="texto-menor ms-3">Moda responsável, que respeita o meio ambiente.</div>
        </div>
    </div>
  </div>

  </section>

Css

texto-menor{
    font-size:13px;
}

.divs-facilidades{
    width: 325px;
}

O meu também, deu errado!