how to round an image in css code example

Example 1: css crop image to circle

background-image: url("url");
width:100px;
height:100px;
background-size:contain;
background-position:center;
border-radius:50%;

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

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