.avatar-container{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 2rem;
}
.avatar{
    border-radius:var(--border-full);
    width:1rem;
    object-fit: cover;
}

.sm{
    width:3rem;
    height: 3rem;
}

.md{
    width:4rem;
    height: 4rem;
}

.lg{
    width:5rem;
    height: 5rem;
}