.people-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    transition: opacity .3s ease, filter .3s ease;
}
.people-grid.loading-grid {
    animation-name: pulsate-opac;
    animation-duration: 1s;
    opacity: .2;
    animation-iteration-count: infinite;
    filter: grayscale(100%);
}
@keyframes pulsate-opac {
    0% {
        opacity: .2;
    }
    50% {
        opacity: .3;
    }
    100 {
        opacity: .2;
    }
}
.people-grid.people-filtered {
    grid-template-columns: repeat(1, 1fr);
}
.people-grid.loading-grid .team-member-social-links {
    display: none;
}
@media screen and (min-width: 468px) {
    .people-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 698px) {
    .people-grid.people-filtered {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (min-width: 768px) {
    .people-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 18px;
        grid-row-gap: 18px;
    }
}
@media screen and (max-width: 1024px) {
    .people-grid.people-filtered .team-member-details.archive-info {
        padding: 12px 0 12px 12px;
    }
}
@media screen and (min-width: 1024px) {
    .people-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .people-grid.people-filtered .team-member-details.archive-info {
        padding: 16px 0 16px 16px;
    }
}