.staff-list {
  display: grid;
  gap: 75px;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 2rem auto 4rem;
}
@media (max-width: 991.98px) {
  .staff-list{
    gap: 30px;
  }
}
.staff-list .staff-card {
}

#sec1 .staff-list {
  grid-template-columns: 1fr 1fr;
}
.staff-card img {
  display: block;
}
.staff-card div {
  position: relative;
  .staff-role {
   position: absolute;
        background: #4d4039;
        color: #fff;
        left: 0;
        top: -45px;
        padding: 15px 10px;
        line-height: 1px;
        display: inline-block;
  }
  .staff-msg {
  font-weight: bold;
        margin-top: 30px;
        line-height: 1.6;
        margin-bottom: 10px;
  }
  .staff-qual {
    font-size: 14px;
    line-height: 1.6;
  }
}
#sec1 .staff-card div{
      margin-left: 20px;
}
#sec2{
  padding: 4rem 0;
}
@media (max-width: 991.98px) {
.staff-list,#sec1 .staff-list {
  grid-template-columns:1fr;
}
}