<div class="container py-5 my-5">

  <section class="p-md-3 mx-md-5 text-center text-lg-left">

    <h2 class="text-center mx-auto font-weight-bold mb-5 pb-2">Our Team</h2>

    <div class="row">

      <div class="col-lg-3 col-md-6 mb-4 d-flex align-items-stretch">

        <div class="card">

          <div class="avatar white d-flex justify-content-center align-items-center">

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(15).jpg"

              class="img-fluid"

            />

          </div>

          <div class="card-body">

            <p class="font-weight-bold my-2">Veronica Smith</p>

            <p class="text-muted">Creative Director</p>

          </div>

        </div>

      </div>

      <div class="col-lg-3 col-md-6 mb-4 d-flex align-items-stretch">

        <div class="card">

          <div class="avatar white d-flex justify-content-center align-items-center">

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(22).jpg"

              class="img-fluid"

            />

          </div>

          <div class="card-body">

            <p class="font-weight-bold my-2">Sally Thompson</p>

            <p class="text-muted">Frontend Developer</p>

          </div>

        </div>

      </div>

      <div class="col-lg-3 col-md-6 mb-4 d-flex align-items-stretch">

        <div class="card">

          <div class="avatar white d-flex justify-content-center align-items-center">

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(27).jpg"

              class="img-fluid"

            />

          </div>

          <div class="card-body">

            <p class="font-weight-bold my-2">Tom Johnson</p>

            <p class="text-muted">Web Designer</p>

          </div>

        </div>

      </div>

      <div class="col-lg-3 col-md-6 mb-4 d-flex align-items-stretch">

        <div class="card">

          <div class="avatar white d-flex justify-content-center align-items-center">

            <img

              src="https://mdbootstrap.com/img/Photos/Avatars/img%20(29).jpg"

              class="img-fluid"

            />

          </div>

          <div class="card-body">

            <p class="font-weight-bold my-2">Anna Smith</p>

            <p class="text-muted">Backend Developer</p>

          </div>

        </div>

      </div>

    </div>

  </section>

</div>