/* Keep people avatars circular wherever they are rendered in lists. */
table .avatar,
.avatar-group > .avatar,
.member-roster-avatar > .avatar,
.member-transfer-avatar > .avatar,
.attendance-avatar .avatar {
    flex-shrink: 0;
    height: auto !important;
    aspect-ratio: 1 / 1;
    border-radius: 50% !important;
}

table .avatar > a,
.avatar-group > .avatar > a,
.member-roster-avatar > .avatar > a,
.member-transfer-avatar > .avatar > a,
.attendance-avatar .avatar > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50% !important;
}

table .avatar-img,
.avatar-group .avatar-img,
.member-roster-avatar .avatar-img,
.member-transfer-avatar .avatar-img,
.attendance-avatar .avatar-img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50% !important;
}