JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://welovekaleycuoco.com/wp-content/uploads/2013/11/Kaley-Cuoco-Wallpapers-81.jpg" class="" width="200">
    <p>Original <p>
    
<img src="http://welovekaleycuoco.com/wp-content/uploads/2013/11/Kaley-Cuoco-Wallpapers-81.jpg" class="rounded-corners" width="200">
    <p>Not a circle!<p>
   
<img src="http://welovekaleycuoco.com/wp-content/uploads/2013/11/Kaley-Cuoco-Wallpapers-81.jpg" class="rounded-corners-2" width="200"> 
    <p>Image distorted!<p>

CSS

p{
    font-family: sans-serif;
}

.rounded-corners {  
    border-radius: 100px;
}

.rounded-corners-2{
    border-radius: 100px;
    height: 150px;
    width: 150px;
}