.team-card-normal {
    display:        flex;
    border-bottom:  2px solid $color-helmholtz-blue;
    color:          black;
    padding:        1rem;
    align-items:    center;

    &:focus,
    &:hover {
        background-color:   $color-header-light-gray;
        color:              $color-helmholtz-blue;
    }

    /*
        Images are set to a 4:3 aspect ratio and made to
        fit by shrinking and centering.
    */
    .portrait {
        @include respond-to-medium(width,       3rem);
        @include respond-to-medium(height,      4rem);
        @include respond-to-medium(min-width,   3rem);
        @include respond-to-medium(min-height,  4rem);
        @include respond-to-medium(max-width,   3rem);
        @include respond-to-medium(max-height,  4rem);

        margin-right:   0.5rem;
        margin-bottom:  0.2rem;
        flex-shrink:    0; /* Don't shrink */

        object-fit:         cover;
        object-position:    center;

        &::after {
            @include respond-to-medium(font-size,   3rem);
        }
    }

}