How to make circular images with CSS

Step 1: use the following html markup

<img class="img-circle" src="kitten.jpg">

Step 2: add the following styles

    .img-circle {
        border-radius: 50%;
    }

That's it!

Full credits: https://www.abeautifulsite.net/how-to-make-rounded-images-with-css