.css_avatar_person{
    object-fit: contain;
    border-radius: 100px;
    display: inline-flex;
}

.css_avatar_person[initials]::before{
    color:#fff;
    content: attr(initials);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: Ubuntu;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    width: 100%;
    height: 100%;
}

.css_avatar_person.lk[initials]::before{
    width: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
}

.css_avatar_person.landing[initials]::before{
    width: 150px;
    height: 150px;
    font-size: 48px;
    font-weight: normal;
}

.css_avatar_person.small[initials]::before{
    width: 30px !important;
    height: 30px !important;
}

.css_avatar_person.big[initials]::before{
    width: 70px !important;
    height: 70px !important;
}

.css_avatar_person.large[initials]::before{
    width: 100px !important;
    height: 100px !important;
    font-size: 32px !important;
}

.css_avatar_person[initials][color_avatar="1"]::before{
    background-image: linear-gradient(to bottom, #fdbcee, #e47ccd);
}
.css_avatar_person[initials][color_avatar="2"]::before{
    background-image: linear-gradient(to bottom, #7be692, #4bb462);
}
.css_avatar_person[initials][color_avatar="3"]::before{
    background-image: linear-gradient(to bottom, #af7eff, #782fef);
}
.css_avatar_person[initials][color_avatar="4"]::before{
    background-image: linear-gradient(to bottom, #ffd7a8, #ffaf50);
}
.css_avatar_person[initials][color_avatar="5"]::before{
    background-image: linear-gradient(to bottom, #a2c8ff, #5199ff);
}
.css_avatar_person[initials][color_avatar="6"]::before{
    background-image: linear-gradient(to bottom, #bce7ff, #64c7ff);
}
.css_avatar_person[initials][color_avatar="7"]::before{
    background-image: linear-gradient(to bottom, #c1f08c, #92c951);
}
.css_avatar_person[initials][color_avatar="8"]::before{
    background-image: linear-gradient(to bottom, #ffb4a3, #ff6e4e);
}
.css_avatar_person[initials][color_avatar="9"]::before{
    background-image: linear-gradient(to bottom, #58f2e7, #25c1b5);
}
.css_avatar_person[initials][color_avatar="0"]::before{
    background-image: linear-gradient(to bottom, #ff8ee0, #e659c0);
}