<div class="py-5 text-center text-info background-info" style="">
<div class="container">
<div class="row">
<div class="mx-auto col-md-12">
<h1 class="mb-3" contenteditable="true">Meet our team</h1>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" alt="Card image cap" width="200" src="https://res.cloudinary.com/dxfq3iotg/image/upload/v1559454811/team-1.jpg">
<h4> <b>John kandy</b> </h4>
<p class="mb-0">CEO and founder</p>
</div>
<div class="col-lg-4 col-md-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="https://res.cloudinary.com/dxfq3iotg/image/upload/v1559454870/team-3.jpg" alt="Card image cap" width="200">
<h4> <b>Sam ilana</b> </h4>
<p class="mb-0">Co-founder</p>
</div>
<div class="col-lg-4 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="https://res.cloudinary.com/dxfq3iotg/image/upload/v1559454840/team-2.jpg" width="200">
<h4> <b>Maria Samantha</b> </h4>
<p class="mb-0">HR Manager</p>
</div>
</div>
</div>
</div>
.background-info {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url("https://res.cloudinary.com/dxfq3iotg/image/upload/v1567672484/Untitled_design_7.png");
background-position: center center, center center;
background-size: cover, cover;
background-repeat: repeat, repeat
}