Cards: Person

<article class="person-card">
    <img class="person-card__image" src="/img/examples/person-card-gene.jpg" alt="Headshot of Gene Block">
    <div class="person-card__info-wrapper">
        <h1 class="person-card__name">Gene Block</h1>
        <h2 class="person-card__department">Title, Department</h2>
        <p class="person-card__description">With schools closed and remote learning the norm, how many hours of digital technology are acceptable for kids, and how much is too much? Can parents control when kids use tec…</p>
    </div>
</article>

<article class="person-card-grey">
    <img class="person-card__image" src="/img/examples/person-card-gene.jpg" alt="Headshot of Gene Block">
    <div class="person-card__info-wrapper">
        <h1 class="person-card__name">Gene Block</h1>
        <h2 class="person-card__department">Title, Department</h2>
        <p class="person-card__description">With schools closed and remote learning the norm, how many hours of digital technology are acceptable for kids, and how much is too much? Can parents control when kids use tec…</p>
    </div>
</article>