.avatar-img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.avatar {
    height: 3rem;
    width: 3rem;
    position: relative;
    display: inline-block !important;
}

.avatar-xs {
    height: 2.1875rem;
    width: 2.1875rem;
}

.avatar-xxl {
    height: 5.125rem;
    width: 5.125rem;
}

@media (min-width: 768px) {
    .avatar-xxl {
        width: 8rem;
        height: 8rem;
    }
}