JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

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

CSS

#wrapper {
    position: absolute;
}

#middle {
    border-radius: 50%;
    overflow: hidden; 
    border:7px solid #ccc;
}

#box {
    width: 300px; height: 300px;
    background-color: #cde;
}
img {
    width: 500px;
}