<div id="cardSection">
   <style>
      .cardContainer{
      display: flex;
      flex-wrap: wrap;
      }
      .card {
      padding: 5px;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
      transition: 0.3s;
      width: 17%;
      }
      .card:hover {
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
      }
      .container {
      padding: 2px 16px;
      }
   </style>
   <div class="cardContainer">
      <div class="card">
         <img src="https://www.w3schools.com/howto/img_avatar.png" alt="Avatar" style="width:100%">
         <div class="container">
            <h4><b>John Doe</b></h4>
            <p>Architect &amp; Engineer</p>
         </div>
      </div>
      <div class="card">
         <img src="https://www.w3schools.com/howto/img_avatar.png" alt="Avatar" style="width:100%">
         <div class="container">
            <h4><b>John Doe</b></h4>
            <p>Architect &amp; Engineer</p>
         </div>
      </div>
      <div class="card">
         <img src="https://www.w3schools.com/howto/img_avatar.png" alt="Avatar" style="width:100%">
         <div class="container">
            <h4><b>John Doe</b></h4>
            <p>Architect &amp; Engineer</p>
         </div>
      </div>
      <div class="card">
         <img src="https://www.w3schools.com/howto/img_avatar.png" alt="Avatar" style="width:100%">
         <div class="container">
            <h4><b>John Doe</b></h4>
            <p>Architect &amp; Engineer</p>
         </div>
      </div>
      <div class="card">
         <img src="https://www.w3schools.com/howto/img_avatar.png" alt="Avatar" style="width:100%">
         <div class="container">
            <h4><b>John Doe</b></h4>
            <p>Architect &amp; Engineer</p>
         </div>
      </div>
      <div class="card">
         <img src="https://www.w3schools.com/howto/img_avatar.png" alt="Avatar" style="width:100%">
         <div class="container">
            <h4><b>John Doe</b></h4>
            <p>Architect &amp; Engineer</p>
         </div>
      </div>
      <div class="card">
         <img src="https://www.w3schools.com/howto/img_avatar.png" alt="Avatar" style="width:100%">
         <div class="container">
            <h4><b>John Doe</b></h4>
            <p>Architect &amp; Engineer</p>
         </div>
      </div>
   </div>
</div>