JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 100%; background: red; text-align: center">
     <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Plain-M%26Ms-Pile.jpg/280px-Plain-M%26Ms-Pile.jpg" height="170" width="170" style="border-radius:700px; border: 10px solid white;"/>
</div>

CSS

div {
    margin: 40px 0;
}

img {
    margin: -40px 0;
    vertical-align: middle;
}