Bulma Team Components in Bendis library

<section class="is-relative section py-24 has-background-light">
  <img class="is-absolute is-top-0 mt-20" style="left: 50%; transform: translateX(-50%);" src="bendis-assets/images/line-triangle-background.svg" alt="">
  <div class="container">
    <div class="has-mw-2xl mx-auto has-text-centered mb-14">
      <span class="is-block has-text-info has-text-weight-semibold is-uppercase has-letter-space mb-4">Lorem ipsum</span>
      <h1 class="title is-size-3 has-leading-3 has-text-primary">Take quick action that increases your brand&apos;s regular profit.</h1>
      <p class="subtitle is-size-5 has-leading-4 mt-6">If you have ever wondered how to develop your brand, this is the place for you. Take a big step forward in growing your business with this great tool.</p>
    </div>
    <div class="has-mw-lg mx-auto has-mw-none-widescreen">
      <div class="columns is-mobile is-multiline -mb-14">
        <div class="column is-12-mobile is-12-tablet is-6-widescreen mb-14">
          <div class="pr-8-desktop">
            <div class="is-relative has-background-white">
              <div class="has-mw-sm py-12 px-8 px-14-tablet">
                <h3 class="title is-size-4 has-text-weight-semibold has-text-primary mb-2">Peter Prada</h3>
                <span class="is-size-7 is-uppercase has-text-weight-medium has-text-info">CEO &amp; Founder</span>
                <p class="has-text-grey has-leading-6 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh.</p>
              </div>
              <img class="is-hidden-mobile is-absolute is-top-0 is-right-0 mt-8 -mr-8 image clip-path-left-top" style="width: 260px; height: 235px; object-fit: cover;" src="https://images.unsplash.com/photo-1529068755536-a5ade0dcb4e8?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=801&amp;q=80" alt="">
              <img class="is-hidden-tablet image ml-auto clip-path-left-top" style="width: 260px; height: 235px; object-fit: cover;" src="https://images.unsplash.com/photo-1529068755536-a5ade0dcb4e8?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=801&amp;q=80" alt="">
            </div>
          </div>
        </div>
        <div class="column is-12-mobile is-12-tablet is-6-widescreen mb-14">
          <div class="pr-8-desktop">
            <div class="is-relative has-background-white">
              <div class="has-mw-sm py-12 px-8 px-14-tablet">
                <h3 class="title is-size-4 has-text-weight-semibold has-text-primary mb-2">Tom Clarks</h3>
                <span class="is-size-7 is-uppercase has-text-weight-medium has-text-info">General Director</span>
                <p class="has-text-grey has-leading-6 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh.</p>
              </div>
              <img class="is-hidden-mobile is-absolute is-top-0 is-right-0 mt-8 -mr-8 image clip-path-left-top" style="width: 260px; height: 235px; object-fit: cover;" src="https://images.unsplash.com/photo-1607952529909-f8f14aff612d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="">
              <img class="is-hidden-tablet image ml-auto clip-path-left-top" style="width: 260px; height: 235px; object-fit: cover;" src="https://images.unsplash.com/photo-1607952529909-f8f14aff612d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="">
            </div>
          </div>
        </div>
        <div class="column is-12-mobile is-12-tablet is-6-widescreen mb-14">
          <div class="pr-8-desktop">
            <div class="is-relative has-background-white">
              <div class="has-mw-sm py-12 px-8 px-14-tablet">
                <h3 class="title is-size-4 has-text-weight-semibold has-text-primary mb-2">Kathy Ramsey</h3>
                <span class="is-size-7 is-uppercase has-text-weight-medium has-text-info">Product Manager</span>
                <p class="has-text-grey has-leading-6 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh.</p>
              </div>
              <img class="is-hidden-mobile is-absolute is-top-0 is-right-0 mt-8 -mr-8 image clip-path-left-top" style="width: 260px; height: 235px; object-fit: cover;" src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="">
              <img class="is-hidden-tablet image ml-auto clip-path-left-top" style="width: 260px; height: 235px; object-fit: cover;" src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=700&amp;q=80" alt="">
            </div>
          </div>
        </div>
        <div class="column is-12-mobile is-12-tablet is-6-widescreen mb-14">
          <div class="pr-8-desktop">
            <div class="is-relative has-background-white">
              <div class="has-mw-sm py-12 px-8 px-14-tablet">
                <h3 class="title is-size-4 has-text-weight-semibold has-text-primary mb-2">Jack Bean</h3>
                <span class="is-size-7 is-uppercase has-text-weight-medium has-text-info">Webdeveloper</span>
                <p class="has-text-grey has-leading-6 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh.</p>
              </div>
              <img class="is-hidden-mobile is-absolute is-top-0 is-right-0 mt-8 -mr-8 image clip-path-left-top" style="width: 260px; height: 235px; object-fit: cover;" src="https://images.unsplash.com/photo-1569779213435-ba3167dde7cc?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=800&amp;q=80" alt="">
              <img class="is-hidden-tablet image ml-auto clip-path-left-top" style="width: 260px; height: 235px; object-fit: cover;" src="https://images.unsplash.com/photo-1569779213435-ba3167dde7cc?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=800&amp;q=80" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>