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 {
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*/
.img-circle {
aspect-ratio: 1;
border-radius: 50%;
object-fit: cover;
width: 100%;
}