Team Design 4

<div class="bg-light py-5">
  <div class="container">
    <h2 class="fw-bold text-center mb-4">Our experts</h2>
    <div class="row g-4">
      <div class="col-md-4">
        <div class="card border-0 shadow-sm text-center"><img src="https://i.pravatar.cc/400?img=20" class="card-img-top">
          <div class="card-body">
            <h5 class="fw-bold mb-0">Member 1</h5><small class="text-primary">Lead Engineer</small>
            <div class="mt-2"><a href="#" class="text-secondary me-2"><i class="bi bi-twitter"></i></a><a href="#" class="text-secondary me-2"><i class="bi bi-linkedin"></i></a><a href="#" class="text-secondary"><i class="bi bi-github"></i></a></div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 shadow-sm text-center"><img src="https://i.pravatar.cc/400?img=21" class="card-img-top">
          <div class="card-body">
            <h5 class="fw-bold mb-0">Member 2</h5><small class="text-primary">Lead Engineer</small>
            <div class="mt-2"><a href="#" class="text-secondary me-2"><i class="bi bi-twitter"></i></a><a href="#" class="text-secondary me-2"><i class="bi bi-linkedin"></i></a><a href="#" class="text-secondary"><i class="bi bi-github"></i></a></div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 shadow-sm text-center"><img src="https://i.pravatar.cc/400?img=22" class="card-img-top">
          <div class="card-body">
            <h5 class="fw-bold mb-0">Member 3</h5><small class="text-primary">Lead Engineer</small>
            <div class="mt-2"><a href="#" class="text-secondary me-2"><i class="bi bi-twitter"></i></a><a href="#" class="text-secondary me-2"><i class="bi bi-linkedin"></i></a><a href="#" class="text-secondary"><i class="bi bi-github"></i></a></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>