/** START: Meet the team **/
.team {
    padding-bottom: 90px;
    padding-top: 60px;
  }
  
  .team figure {
      padding: 0 0 1rem;
  }
  
  .team figcaption {
    margin-top: -5px !important;
  }
  
  .team .team-card {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .team .team-card:hover .card-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
  
  .team .team-card:hover .card-back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  
  .team .team-card .card-front, .team .team-card .card-back {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  
  @media screen and (prefers-reduced-motion: reduce) {
    .team .team-card .card-front, .team .team-card .card-back {
      -webkit-transition: none;
      transition: none;
    }
  }
  
  .team .team-card .card-back {
    overflow: hidden;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
  
  .team .team-card .card-back img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  
  @media (min-width: 576px) {
      .team .team-card{
          height: 516px;
      }
  }
  
  @media (min-width: 768px) {
      .team .team-card{
          height: 336px;
      }
  }
  
  @media (min-width: 992px) {
      .team .team-card{
          height: 216px;
      }
  }
  
  @media (min-width: 1200px) {
      .team .team-card{
          height: 261px;
      }
  }
  
  @media (min-width: 1400px) {
      .team .team-card{
          height: 306px;
      }
  }
  
  /** END: Meet the team **/