img {
border-radius: 50%;
height:200px;
width:200px;
}
/*image size, (height & width) both must be same.
if they are not same then no circle.
*/img{
width: 200px;
height:200px;
border-radius: 50%;
}img.rounded-corners {
border-radius: 30px;
}
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*/