.team-container {
  display:flex;
  flex-wrap: wrap;
  width:100%;
  gap:5%;
  justify-content:center;
}
.team-container .team-lid {
  position:relative;
  overflow:visible;
  flex: 0 0 calc(80%  / 4);
  margin:20px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  color:black;

}
  .team-lid .img-cont {
    position:relative;
    overflow:hidden;
    border-radius:0 0 300px 300px;
    aspect-ratio: 1 / 1.2;
    width:100%;
    display:inline-block;
  }
    .team-lid  .img-cont img {
      top:0;
      left:50%;
      transform:translateX(-50%);
      height:100%;
      width:auto;
      overflow:hidden;
      position:absolute;
      filter:grayscale(1);
      display:inline-block;
    }
    .team-lid .img-cont:before {
      content:" ";
      width:100%;
      aspect-ratio:1;
      background-color:var(--green);
      position:absolute;
      left:0;
      bottom:0;
      border-radius:50%;
    }
    .team-lid h4 {
      padding-bottom:0;
      min-height:54px;
    }

@media screen and (max-width:991px) {
  .team-container {
    gap:3%;
  }
    .team-container .team-lid {
      flex: 0 0 calc(94%  / 3);
      margin:5px 0;
    }
}
@media screen and (max-width:767px) {
  .team-container {
    gap:25px;
  }
    .team-container .team-lid {
      flex: 0 0 calc((100% - 25px) / 2);
    }
      .team-container .team-lid h4 {
        font-size:16px;
      }
}