how to make a round image in html code example

Example 1: how to round the edges of an image in HTML

img.rounded-corners {
  border-radius: 30px;
}

Example 2: convert image in rounshape in css

img {
  border-radius: 50%;
}

Example 3: rounded scrolling images

<div class="MagicScroll" data-options="loop: rewind;">    <img src="example1.jpg" />    <img src="example2.jpg" />    ...</div>