.staff-listing {
    flex-wrap : wrap;
    gap       : 20px;
    display   : flex;
}

.staff-listing__item {
    align-items : center;
    column-gap  : 30px;
    display     : flex;
    inline-size : 100%;
}

.staff-listing__item-image {
    display          : block;
    margin-block-end : 30px;
    inline-size      : calc(100% / 3);
    max-inline-size  : 100%;
    block-size       : auto;
    border-radius    : 50%;
    /*noinspection CssUnresolvedCustomProperty*/
    background-color : var(--grey);
    aspect-ratio     : 1/1;
    object-fit       : cover;
    object-position  : center top;
}

.staff-listing__item-text {
    flex-grow   : 1;
    inline-size : calc(200% / 3);
}

.staff-listing__item-heading {
    margin-block-end : 5px;
    font-size        : 30px;
    /*noinspection CssUnresolvedCustomProperty*/
    color            : var(--contrast);
}

.staff-listing__item-link {
    /*noinspection CssUnresolvedCustomProperty*/
    color : var(--contrast);
}

.staff-listing__item-position {
    font-family : ibm-plex-sans;
    font-size   : 16px;
    line-height : 120%;
}

@media (min-width : 768px) {
    .staff-listing__item {
        inline-size : calc((100% - 60px) / 2);
    }
}