.avatar-hover {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.avatar-label:hover .avatar-hover {
    opacity: 0.5;
    transition-duration: 300ms;
}

.avatar-progress {
    width: 100%;
    height: 100%;
    border-radius: 50%; 
    transition: all 0.1s ease; 
    background: conic-gradient( #adbedb 0%, 0, white 66%);
}

.avatar-img {
    width: 100%;
    border-radius: 50%; 
}

.avatar-size-md {
    width: 110px;
    height: 110px;
}

.avatar-size {
    width: 64px;
    height: 64px;
}

@media (min-width: 992px) {
    .avatar-size {
        width: 96px;
        height: 96px;
    }             
}