Здравствуйте. В веб-приложении пользователь может загружать фотографию для своего профиля. В настройках профиля его картинка отображается округленной (как в ВК, телеграм и других соцсетях). При добавлении класса bootstrap "img-rounded" ничего не происходит и картинка загружается в оригинальном размере. При добавлении атрибутов width и height в теге img размер изображения меняется, но картинка всё ещё не закругляется. В чем может быть ошибка?
Код html:
<div class="mb-3">
<img class="img-circle" src="{{ avatar.url }}">
</div>
Скриншот с картинкой оригинального размера:
Средний
