CSS

css image round

 img {
  border-radius: 50%;
  height:200px;
  width:200px;
} 
/*image size, (height & width) both must be same.
	if they are not same then no circle. 
*/

how to make rounded corners in css with images

img{
  width: 200px;
  height:200px;
  border-radius: 50%;
}

round image css

 img {
  border-radius: 50%;
  height:100px;
  width:100px;
}
/* change image height and width to see your image preview. 
for me all of the different images dimensions are rounded with this css*/
/*Note :Height and width should be of same  size*/

css rounded circle image

.img-circle {
    aspect-ratio: 1; 
    border-radius: 50%;
    object-fit: cover;
    width: 100%;
}