Достаточно всего-навсего в HTML-формулу картинки в конце вставить тег
style="border-radius: 100%;"
как любая картинка становится круглой. Правда, здорово?
А если изменить проценты в этом теге, то можно закруглять края у картинки.
Вот, например, я поставила 16% style="border-radius: 16%;"
И получили картинку с закругленными краями
