Tailwind Team Components in Zanrly library

<section class="py-16 bg-gray-900 overflow-hidden">
  <div class="container mx-auto px-4">
    <div class="mb-16 max-w-xl mx-auto text-center">
      <span class="inline-block mb-2 text-sm text-blue-500 font-bold uppercase tracking-widest">Our team</span>
      <h2 class="font-heading text-4xl md:text-5xl text-gray-100 font-black tracking-tight">The brain behind Zanrly</h2>
    </div>
    <div class="flex flex-wrap -m-4">
      <div class="w-full md:w-1/3 p-4">
        <div class="flex flex-col justify-between px-8 pt-10 pb-12 h-full text-center bg-gray-800 rounded-3xl">
          <div class="flex-initial mb-8">
            <img class="mb-8 mx-auto rounded-3xl" src="zanrly-assets/images/teams/avatar.png" alt="">
            <h3 class="font-heading mb-2 text-2xl text-gray-100 font-black tracking-tight">John Doe</h3>
            <p class="text-sm text-gray-700 font-bold">Design, Founder</p>
          </div>
          <div class="flex-initial">
            <div class="flex flex-wrap justify-center -m-1.5">
              <div class="w-auto p-1.5">
                <a class="flex items-center justify-center w-10 h-10 bg-gray-700 rounded-full" href="#">
                  <img src="zanrly-assets/images/insta-dark.svg" alt="">
                </a>
              </div>
              <div class="w-auto p-1.5">
                <a class="flex items-center justify-center w-10 h-10 bg-gray-700 rounded-full" href="#">
                  <img src="zanrly-assets/images/twitter-dark.svg" alt="">
                </a>
              </div>
              <div class="w-auto p-1.5">
                <a class="flex items-center justify-center w-10 h-10 bg-gray-700 rounded-full" href="#">
                  <img src="zanrly-assets/images/fb-dark.svg" alt="">
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/3 p-4">
        <div class="flex flex-col justify-between px-8 pt-10 pb-12 h-full text-center bg-gray-800 rounded-3xl">
          <div class="flex-initial mb-8">
            <img class="mb-8 mx-auto rounded-3xl" src="zanrly-assets/images/teams/avatar.png" alt="">
            <h3 class="font-heading mb-2 text-2xl text-gray-100 font-black tracking-tight">John Doe</h3>
            <p class="text-sm text-gray-700 font-bold">Design, Founder</p>
          </div>
          <div class="flex-initial">
            <div class="flex flex-wrap justify-center -m-1.5">
              <div class="w-auto p-1.5">
                <a class="flex items-center justify-center w-10 h-10 bg-gray-700 rounded-full" href="#">
                  <img src="zanrly-assets/images/insta-dark.svg" alt="">
                </a>
              </div>
              <div class="w-auto p-1.5">
                <a class="flex items-center justify-center w-10 h-10 bg-gray-700 rounded-full" href="#">
                  <img src="zanrly-assets/images/twitter-dark.svg" alt="">
                </a>
              </div>
              <div class="w-auto p-1.5">
                <a class="flex items-center justify-center w-10 h-10 bg-gray-700 rounded-full" href="#">
                  <img src="zanrly-assets/images/fb-dark.svg" alt="">
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w-full md:w-1/3 p-4">
        <div class="flex flex-col justify-between px-8 pt-10 pb-12 h-full text-center bg-gray-800 rounded-3xl">
          <div class="flex-initial mb-8">
            <img class="mb-8 mx-auto rounded-3xl" src="zanrly-assets/images/teams/avatar.png" alt="">
            <h3 class="font-heading mb-2 text-2xl text-gray-100 font-black tracking-tight">John Doe</h3>
            <p class="text-sm text-gray-700 font-bold">Design, Founder</p>
          </div>
          <div class="flex-initial">
            <div class="flex flex-wrap justify-center -m-1.5">
              <div class="w-auto p-1.5">
                <a class="flex items-center justify-center w-10 h-10 bg-gray-700 rounded-full" href="#">
                  <img src="zanrly-assets/images/insta-dark.svg" alt="">
                </a>
              </div>
              <div class="w-auto p-1.5">
                <a class="flex items-center justify-center w-10 h-10 bg-gray-700 rounded-full" href="#">
                  <img src="zanrly-assets/images/twitter-dark.svg" alt="">
                </a>
              </div>
              <div class="w-auto p-1.5">
                <a class="flex items-center justify-center w-10 h-10 bg-gray-700 rounded-full" href="#">
                  <img src="zanrly-assets/images/fb-dark.svg" alt="">
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>