Team Components in Asitrastudio library

<section class="py-12 md:py-20 bg-coolGray-50">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap -mx-4">
      <div class="w-full lg:w-5/12 xl:w-1/3 px-4 mb-20 lg:mb-0">
        <div>
          <h1 class="font-heading text-6xl sm:text-8xl md:text-10xl tracking-tighter mb-10">Meet the team</h1>
          <a class="group inline-flex items-center leading-none font-medium pb-2 border-b-2 border-black" href="#">
            <span class="mr-4">See more people</span>
            <span class="group-hover:rotate-45 transform transition duration-100">
              <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M9.5 1.5L1.5 9.5" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M9.5 8.83571V1.5H2.16429" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg>
            </span>
          </a>
        </div>
      </div>
      <div class="w-full lg:w-7/12 xl:w-8/12 px-4">
        <div class="flex flex-wrap -mx-4">
          <div class="w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/3 px-4 mb-12">
            <div>
              <img class="block mb-6" src="asitrastudio-assets/team/team-avatar1.png" alt="">
              <span class="block mb-2 text-sm text-coolGray-600">Executive Chairman</span>
              <span class="block text-2xl sm:text-3xl tracking-tight">Jacob Jones</span>
            </div>
          </div>
          <div class="w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/3 px-4 mb-12">
            <div>
              <img class="block mb-6" src="asitrastudio-assets/team/team-avatar2.png" alt="">
              <span class="block mb-2 text-sm text-coolGray-600">Executive Chairman</span>
              <span class="block text-2xl sm:text-3xl tracking-tight">Ronald Richards</span>
            </div>
          </div>
          <div class="w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/3 px-4 mb-12">
            <div>
              <img class="block mb-6" src="asitrastudio-assets/team/team-avatar3.png" alt="">
              <span class="block mb-2 text-sm text-coolGray-600">Executive Chairman</span>
              <span class="block text-2xl sm:text-3xl tracking-tight">Leslie Alexander</span>
            </div>
          </div>
          <div class="w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/3 px-4 mb-12">
            <div>
              <img class="block mb-6" src="asitrastudio-assets/team/team-avatar4.png" alt="">
              <span class="block mb-2 text-sm text-coolGray-600">Executive Chairman</span>
              <span class="block text-2xl sm:text-3xl tracking-tight">Darlene Robertson</span>
            </div>
          </div>
          <div class="w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/3 px-4 mb-12">
            <div>
              <img class="block mb-6" src="asitrastudio-assets/team/team-avatar5.png" alt="">
              <span class="block mb-2 text-sm text-coolGray-600">Executive Chairman</span>
              <span class="block text-2xl sm:text-3xl tracking-tight">Cody Fisher</span>
            </div>
          </div>
          <div class="w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/3 px-4 mb-12">
            <div>
              <img class="block mb-6" src="asitrastudio-assets/team/team-avatar6.png" alt="">
              <span class="block mb-2 text-sm text-coolGray-600">Executive Chairman</span>
              <span class="block text-2xl sm:text-3xl tracking-tight">Courtney Henry</span>
            </div>
          </div>
          <div class="w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/3 px-4 mb-12">
            <div>
              <img class="block mb-6" src="asitrastudio-assets/team/team-avatar2.png" alt="">
              <span class="block mb-2 text-sm text-coolGray-600">Executive Chairman</span>
              <span class="block text-2xl sm:text-3xl tracking-tight">Robert Fox</span>
            </div>
          </div>
          <div class="w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/3 px-4 mb-12">
            <div>
              <img class="block mb-6" src="asitrastudio-assets/team/team-avatar3.png" alt="">
              <span class="block mb-2 text-sm text-coolGray-600">Executive Chairman</span>
              <span class="block text-2xl sm:text-3xl tracking-tight">Annette Black</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section has-background-white-ter">
  <div class="container">
    <div class="columns is-multiline">
      <div class="column is-4-widescreen is-5-desktop mb-20 mb-0-desktop">
        <div class="has-mw-xs">
          <h1 class="title is-size-2-mobile is-size-1-tablet mb-10" style="letter-spacing: -0.04em;">Meet the team</h1>
          <a class="button is-ghost px-0" href="#" style="height: 38px;">
            <span class="mr-3">See more people</span>
            <svg class="is-rotate-45" width="10" height="11" viewbox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M9 1.5L1 9.5" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M9 8.83571V1.5H1.66429" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </a>
        </div>
      </div>
      <div class="column is-8-widescreen is-7-desktop">
        <div class="columns is-mobile is-multiline">
          <div class="column is-6-mobile is-6-tablet is-4-desktop mb-12">
            <div>
              <figure class="image is-96x96 mb-6">
                <img class="image" src="asitrastudio-assets/team/team-avatar1.png" alt="">
              </figure>
              <span class="is-block has-text-grey is-size-7 has-text-weight-medium">Executive Chairman</span>
              <span class="title is-size-5-mobile is-size-4-tablet">Jacob Jones</span>
            </div>
          </div>
          <div class="column is-6-mobile is-6-tablet is-4-desktop mb-12">
            <div>
              <figure class="image is-96x96 mb-6">
                <img class="image" src="asitrastudio-assets/team/team-avatar2.png" alt="">
              </figure>
              <span class="is-block has-text-grey is-size-7 has-text-weight-medium">Executive Chairman</span>
              <span class="title is-size-5-mobile is-size-4-tablet">Ronald Richards</span>
            </div>
          </div>
          <div class="column is-6-mobile is-6-tablet is-4-desktop mb-12">
            <div>
              <figure class="image is-96x96 mb-6">
                <img class="image" src="asitrastudio-assets/team/team-avatar3.png" alt="">
              </figure>
              <span class="is-block has-text-grey is-size-7 has-text-weight-medium">Executive Chairman</span>
              <span class="title is-size-5-mobile is-size-4-tablet">Leslie Alexander</span>
            </div>
          </div>
          <div class="column is-6-mobile is-6-tablet is-4-desktop mb-12">
            <div>
              <figure class="image is-96x96 mb-6">
                <img class="image" src="asitrastudio-assets/team/team-avatar4.png" alt="">
              </figure>
              <span class="is-block has-text-grey is-size-7 has-text-weight-medium">Executive Chairman</span>
              <span class="title is-size-5-mobile is-size-4-tablet">Darlene Robertson</span>
            </div>
          </div>
          <div class="column is-6-mobile is-6-tablet is-4-desktop mb-12">
            <div>
              <figure class="image is-96x96 mb-6">
                <img class="image" src="asitrastudio-assets/team/team-avatar5.png" alt="">
              </figure>
              <span class="is-block has-text-grey is-size-7 has-text-weight-medium">Executive Chairman</span>
              <span class="title is-size-5-mobile is-size-4-tablet">Cody Fisher</span>
            </div>
          </div>
          <div class="column is-6-mobile is-6-tablet is-4-desktop mb-12">
            <div>
              <figure class="image is-96x96 mb-6">
                <img class="image" src="asitrastudio-assets/team/team-avatar6.png" alt="">
              </figure>
              <span class="is-block has-text-grey is-size-7 has-text-weight-medium">Executive Chairman</span>
              <span class="title is-size-5-mobile is-size-4-tablet">Courtney Henry</span>
            </div>
          </div>
          <div class="column is-6-mobile is-6-tablet is-4-desktop mb-12">
            <div>
              <figure class="image is-96x96 mb-6">
                <img class="image" src="asitrastudio-assets/team/team-avatar2.png" alt="">
              </figure>
              <span class="is-block has-text-grey is-size-7 has-text-weight-medium">Executive Chairman</span>
              <span class="title is-size-5-mobile is-size-4-tablet">Robert Fox</span>
            </div>
          </div>
          <div class="column is-6-mobile is-6-tablet is-4-desktop mb-12">
            <div>
              <figure class="image is-96x96 mb-6">
                <img class="mb-6 image is-fullwidth" src="asitrastudio-assets/team/team-avatar3.png" alt="">
              </figure>
              <span class="is-block has-text-grey is-size-7 has-text-weight-medium">Executive Chairman</span>
              <span class="title is-size-5-mobile is-size-4-tablet">Annette Black</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-md-20 bg-light-light">
  <div class="container">
    <div class="row">
      <div class="col-lg-5 col-xl-4 mb-20 mb-lg-0">
        <div>
          <h1 class="mb-10" >Meet the team</h1><a class="d-inline-block pb-2 fw-semibold border-0 border-2 border-dark border-bottom" href="#"><span class="me-3" >See more people</span>
            <svg class="rotate-45" width="10" height="11" viewbox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M9 1.5L1 9.5" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M9 8.83571V1.5H1.66429" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg></a>
        </div>
      </div>
      <div class="col-lg-7 col-xl-8">
        <div class="row">
          <div class="col-6 col-md-4 col-lg-6 col-xl-4 mb-12">
            <div><img class="img-fluid mb-6" src="asitrastudio-assets/team/team-avatar1.png" alt=""/><span class="d-block fs-9 text-secondary-light" >Executive Chairman</span><span class="d-block fs-4" >Jacob Jones</span></div>
          </div>
          <div class="col-6 col-md-4 col-lg-6 col-xl-4 mb-12">
            <div><img class="img-fluid mb-6" src="asitrastudio-assets/team/team-avatar2.png" alt=""/><span class="d-block fs-9 text-secondary-light" >Executive Chairman</span><span class="d-block fs-4" >Ronald Richards</span></div>
          </div>
          <div class="col-6 col-md-4 col-lg-6 col-xl-4 mb-12">
            <div><img class="img-fluid mb-6" src="asitrastudio-assets/team/team-avatar3.png" alt=""/><span class="d-block fs-9 text-secondary-light" >Executive Chairman</span><span class="d-block fs-4" >Leslie Alexander</span></div>
          </div>
          <div class="col-6 col-md-4 col-lg-6 col-xl-4 mb-12">
            <div><img class="img-fluid mb-6" src="asitrastudio-assets/team/team-avatar4.png" alt=""/><span class="d-block fs-9 text-secondary-light" >Executive Chairman</span><span class="d-block fs-4" >Darlene Robertson</span></div>
          </div>
          <div class="col-6 col-md-4 col-lg-6 col-xl-4 mb-12">
            <div><img class="img-fluid mb-6" src="asitrastudio-assets/team/team-avatar5.png" alt=""/><span class="d-block fs-9 text-secondary-light" >Executive Chairman</span><span class="d-block fs-4" >Cody Fisher</span></div>
          </div>
          <div class="col-6 col-md-4 col-lg-6 col-xl-4 mb-12">
            <div><img class="img-fluid mb-6" src="asitrastudio-assets/team/team-avatar6.png" alt=""/><span class="d-block fs-9 text-secondary-light" >Executive Chairman</span><span class="d-block fs-4" >Courtney Henry</span></div>
          </div>
          <div class="col-6 col-md-4 col-lg-6 col-xl-4 mb-12">
            <div><img class="img-fluid mb-6" src="asitrastudio-assets/team/team-avatar2.png" alt=""/><span class="d-block fs-9 text-secondary-light" >Executive Chairman</span><span class="d-block fs-4" >Robert Fox</span></div>
          </div>
          <div class="col-6 col-md-4 col-lg-6 col-xl-4 mb-12">
            <div><img class="img-fluid mb-6" src="asitrastudio-assets/team/team-avatar3.png" alt=""/><span class="d-block fs-9 text-secondary-light" >Executive Chairman</span><span class="d-block fs-4" >Annette Black</span></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>