.member {
    display: flex;
    flex-direction: column;
    width: calc(25% - 2 * var(--pill-gap));
    max-width:200px;
    min-width: max(150px, 19%);
    margin-right: calc(2*var(--pill-gap));
    margin-left: 0;
}

.member-image {
    padding: var(--pill-gap);
    border-style: solid;
    border-color: var(--text-color);
    border-width: 1px;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--white-bg)
}

    .member-image > img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: 100%;
    }

.member-role {
    display: flex;
    flex-direction: row-reverse;
    
}

.member-name {
    max-width: 15ch;
    overflow: hidden;
    text-overflow: ellipsis;
}

.s-member-role {
    max-width: 15ch;
    overflow: hidden;
    text-overflow: ellipsis;
}