Оформление блока с аватаркой и подписями №2

[Serifa]

№1 был у нас для 2.0, и почти всё, предложенное в теме, можно брать:
https://www.simplemachines.ru/index.php?topic=17624.0

А вот чтобы только картинку оформить, почему-то не сразу сообразила:

Код Выделить Развернуть

.avatar img {
    box-shadow: 5px 5px 5px rgba(0,0,0,.3);
    border-radius: 45px;
}
А если делать вот так, то тень появится в области за картинкой, что совсем не интересно:

Код Выделить Развернуть

li.avatar {
    /* border-radius: 7px; */
    /* box-shadow: 2px 5px 12px rgb(24, 42, 52); */
}