Я знаю, что эта тема уже давно обсуждалась, но я хотел добавить, что степень скругления аватаров в CSS можно контролировать с помощью свойства border-radius (у нас оно установлено на 6px):
img.avatar {
border-radius: 6px;
}
Чем больше число, тем более скруглёнными будут углы. Установка значения в 0 делает аватары идеально квадратными. Я думаю, что 24px делает их идеально круглыми. Таким образом, вы можете очень точно настраивать внешний вид аватаров. Можно сделать квадратные аватары похожими на экраны старых ретро-телевизоров. lol
Примечание: скругление аватаров может выглядеть немного по-разному в десктопной и мобильной версиях, поэтому, возможно, стоит контролировать это отдельно для каждого из них.