JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="http://vmire24.com/wp-content/uploads/2014/05/353627-2220x1485.jpg" alt=""/>
</div>

CSS

div {
    position:relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 100px;
    -webkit-border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
    border:5px solid #ccc;
    margin: 20px;
}
img {
    width: 300px;
}