.mission-section p span {
    font-weight: 600;
    color: var(--green);
}

.maincontent {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  border: none;
}

.team-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
margin: 0 auto;
padding: 0;
}

.team-card {
position: relative;
max-width: 600px;
width: 100%;
width: 22.3333333333%;
margin: 20px 1%;
display: flex;
align-items: flex-end;
}

.team-card::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #111, transparent 55%);
transition: opacity .6s;
}

.team-card img {
width: 100%;
height: auto;
max-height: 502.5px;
object-fit: contain;
filter: grayscale(1);
transition: filter .6s;
}

.team-card h3 {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
text-align: center;
color: #fff;
padding: 0 15px;
font-size: 1.45em;
z-index: 1;
transition: opacity .6s;
}

.staff-title {
display: block;
margin-top: 10px;
font-size: .65em;
line-height: 1.3em;
}
.team-card:hover::after,
.team-card:hover h3 {
  opacity: 0;
}
.team-card:hover img {
  filter: none;
}

@media (max-width: 1200px) {
.team-card {
width: 31.3333%;
}
}

@media (max-width: 800px) {
.team-card {
width: 47.3333%;
}
}

@media (max-width: 560px) {
.team-card {
width: 85%;
}
}