<section class="position-relative bg-secondary-dark py-24 py-md-40">
<img class="position-absolute top-50 start-0 w-100 translate-middle-y img-fluid" src="zospace-assets/lines/line-two-montain.svg" alt="">
<div class="container position-relative mx-auto">
<h2 class="h3 text-white text-center mb-24">Our Team</h2>
<div class="row mw-xl-6xl mx-auto justify-content-center mb-24">
<div class="col-12 col-lg-4 mb-20 mb-lg-0">
<div class="mw-xs mx-auto">
<img class="w-100 img-fluid mb-8" src="https://images.pexels.com/photos/5325840/pexels-photo-5325840.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="" style="height: 350px; object-fit: cover;">
<a class="btn w-100 text-start p-10 bg-primary rounded" href="#">
<h4 class="text-white mb-2">Léa Herrera</h4>
<span class="text-white">UX Designer</span>
<div class="mt-2 text-end">
<svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.2042 7.78599L19.5171 14.4731L18.6812 13.6372L24.3611 7.95734L0.709572 7.96153L0.709572 6.78292L24.3611 6.77874L19.0992 1.51681L19.9351 0.680916L26.2042 6.9501C26.4351 7.18093 26.4351 7.55515 26.2042 7.78599Z" fill="white"></path>
</svg>
</div>
</a>
</div>
</div>
<div class="col-12 col-lg-4 mb-20 mb-lg-0 mt-lg-40">
<div class="mw-xs mx-auto">
<img class="w-100 img-fluid mb-8" src="https://images.pexels.com/photos/5325885/pexels-photo-5325885.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="" style="height: 350px; object-fit: cover;">
<a class="btn w-100 text-start p-10 bg-primary rounded" href="#">
<h4 class="text-white mb-2">Maxi Svennson</h4>
<span class="text-white">Social Media Manager</span>
<div class="mt-2 text-end">
<svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.2042 7.78599L19.5171 14.4731L18.6812 13.6372L24.3611 7.95734L0.709572 7.96153L0.709572 6.78292L24.3611 6.77874L19.0992 1.51681L19.9351 0.680916L26.2042 6.9501C26.4351 7.18093 26.4351 7.55515 26.2042 7.78599Z" fill="white"></path>
</svg>
</div>
</a>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="mw-xs mx-auto">
<img class="w-100 img-fluid mb-8" src="https://images.unsplash.com/photo-1615803795804-06a0c2a0030e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=334&q=80" alt="" style="height: 350px; object-fit: cover;">
<a class="btn w-100 text-start p-10 bg-primary rounded" href="#">
<h4 class="text-white mb-2">Oliver Haller</h4>
<span class="text-white">Co-Founder</span>
<div class="mt-2 text-end">
<svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.2042 7.78599L19.5171 14.4731L18.6812 13.6372L24.3611 7.95734L0.709572 7.96153L0.709572 6.78292L24.3611 6.77874L19.0992 1.51681L19.9351 0.680916L26.2042 6.9501C26.4351 7.18093 26.4351 7.55515 26.2042 7.78599Z" fill="white"></path>
</svg>
</div>
</a>
</div>
</div>
</div>
<div class="text-center"><a class="btn btn-outline-light" href="#">More</a></div>
</div>
</section>