JSFiddle - React, Tailwind, and code Playground

by Anna

HTML

<p align="center">
  Желательно использовать квадратные картинки для получения ровного круга.
  <br>
  <img src="http://microsites.lomography.com/lc-wide/content/galleries/square-format/square-format.08.jpg" class="round" width="300">
  <br> Эксперементируя с % в border-radius можно добиться других результатов.
</p>

CSS

p {
  font-family: "Times New Roman";
  font-size: 20px;
}

.round {
  border-radius: 100%;
  border: 3px dotted green;
}