[Dúvida] Section: Conheça nossas facilidades

Apesar de ter seguido o que o instrutor demonstrou na aula, ao tentar fazer a seção de Conheça nossas facilidades, na versão mobile, meus elementos não estão ficando todos centralizados de maneira igual Segue print e trecho do 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-facilidade d-flex align-items-center justify-content-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">Ganhe 5% OFF em
            pagamentos via PIX</div>
        </div>
      </div>

      <div class="divs-facilidade d-flex align-items-center justify-content-center">
        <div><i class="bi bi-arrow-repeat fs-1"></i>
        </div>
        <div>
          <div class="ms-3 mb-1">TROCA GRÁTIS</div>
          <div class="texto-menor ms-3">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>