Team Section

<div class="py-12">
  <div class="ta-c mb-12">
    <h2 class="fs-s fs-3xl fw-600 tc-black mb-4">The Team</h2>
    <p class="fs-lg tc-silver-10 max-w-sm m-auto">Meet the people behind the magic. We are a diverse team of passionate individuals.</p>
  </div>
  <div class="d-g gtc-1 md:gtc-2 lg:gtc-4 g-6">
    <div class="d-f fd-c g-3 ta-c">
      <div class="w-22 m-auto rad-9 o-h">
        <img src="/img/people/phoenix-baker.jpg" alt="Phoenix Baker" class="w-full ar-1/1 of-c" />
      </div>
      <div>
        <p class="fs-md fw-600 tc-black">Phoenix Baker</p>
        <p class="fs-sm tc-silver-10">Engineering Manager</p>
      </div>
    </div>
    <div class="d-f fd-c g-3 ta-c">
      <div class="w-22 m-auto rad-9 o-h">
        <img src="/img/people/kaitlin-hale.jpg" alt="Kaitlin Hale" class="w-full ar-1/1 of-c" />
      </div>
      <div>
        <p class="fs-md fw-600 tc-black">Kaitlin Hale</p>
        <p class="fs-sm tc-silver-10">Product Designer</p>
      </div>
    </div>
    <div class="d-f fd-c g-3 ta-c">
      <div class="w-22 m-auto rad-9 o-h">
        <img src="/img/people/kelly-williams.jpg" alt="Kelly Williams" class="w-full ar-1/1 of-c" />
      </div>
      <div>
        <p class="fs-md fw-600 tc-black">Kelly Williams</p>
        <p class="fs-sm tc-silver-10">Frontend Developer</p>
      </div>
    </div>
    <div class="d-f fd-c g-3 ta-c">
      <div class="w-22 m-auto rad-9 o-h">
        <img src="/img/people/katy-fuller.jpg" alt="Katy Fuller" class="w-full ar-1/1 of-c" />
      </div>
      <div>
        <p class="fs-md fw-600 tc-black">Katy Fuller</p>
        <p class="fs-sm tc-silver-10">Marketing Specialist</p>
      </div>
    </div>
  </div>
</div>