how to make image a circle css

1img{
2    clip-path: circle();
3}

1img{
2	clip-path: circle();
3}
4
5or
6
7img{
8	border-radius: 50%;
9}
10
11
12

1img.rounded {
2  object-fit: cover;
3  border-radius: 50%;
4  height: 100px;
5  width: 100px;
6}

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