.people-display{
    margin: var(--block-margin) auto;
    max-width: var(--wide-width);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--row-gap);
}

.people-display.animate__animated{
    animation-name: fadeIn;
}

.people-display h2{
    font: var(--font-headline-1);
    margin: 0;
}

.people-display-description{
    margin: 0;
    max-width: 65rem;
}

.people-display-buttons{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: var(--item-column-gap);
    row-gap: var(--item-row-gap);
}

.people-display-grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--item-column-gap);
    row-gap: calc(var(--row-gap) * 2);
    max-width: 100rem;
    margin: 0 auto;
}

@media (min-width: 768px){
    .people-display-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}