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

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

    <h2 class="text-center font-weight-bold mb-4 pb-1">Our Team</h2>

    <p class="text-center lead mb-5 pb-2 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>

    <div class="row">

      <div class="col-lg-4 mb-4">

        <div class="card">

          <div

            class="avatar w-100 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-4 mb-4">

        <div class="card">

          <div

            class="avatar w-100 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-4 mb-4">

        <div class="card">

          <div

            class="avatar w-100 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>