/* Keep each portrait independent from the height of its management message. */
.leadership .leader-grid article {
    align-items: start;
}

.leadership .leader-photo {
    width: 100%;
    max-width: 300px;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    align-self: start;
    justify-self: center;
}

/* Stack the portrait and message cleanly on phones and narrow tablets. */
@media (max-width: 768px) {
    .leadership .leader-grid article {
        grid-template-columns: 1fr;
    }

    .leadership .leader-photo {
        width: min(100%, 280px);
        margin-inline: auto;
    }
}