.member {
    position: relative;
    margin: 20px;
}

.member-name {
    position: absolute;
    left: 110px;
}

.member-avatar, .member-avatar-static, .member-photo {
    position: absolute;
    left: 0;
    z-index: 15;
    height: 100px;
    width: 100px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
    transition: opacity .2s ease;
    
}

.member-photo {
    z-index: 16;
    display: none;
    opacity: 0;
}

.member-avatar:hover, .member-photo:hover {
    cursor: pointer;
}

.member-quote {
    position: relative;
    padding-top: 110px;
    width: 100%;
}

.member {
    border-bottom: 2px solid var(--light-grey);
}

.member:last-of-type {
    border-bottom: none;
}