.team_archive_list {
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: clamp(15px, 2vw, 30px);
}
.team-member {
position: relative;
padding-bottom: 125%;
transition: .3s;
}
.team-member .wp_content {
background: linear-gradient(180deg, rgba(3, 38, 73, 0) 0%, #032649 100%);
padding: 50px 20px 20px 20px;
width: 100%;
position: absolute;
bottom: 0;
box-sizing: border-box;
}
.team-member p:nth-child(2) {
color: #fff;
}
.team-member:hover {
opacity: 0.8;
}
@media (max-width: 1024px) {
.team_archive_list {
grid-template-columns: repeat(3,1fr);
;
}
}
@media (max-width: 768px) {
.team_archive_list {
grid-template-columns: repeat(2,1fr);
}
}
@media (max-width: 450px) {
.team_archive_list {
grid-template-columns: 1fr;
}
}