JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outside">
    <div class="inside">
        <img src="http://www.standardlife.ca/promo/quarterly_videos/images/cav_neil_q3_2014.jpg" alt="Photo of Neil Matheson, Senior Vice-President, Investment Strategy, Standard Life Investments Inc." width="204" height="301" style="margin:0;padding:0;" border="0" align="right" />
    </div>
</div>

CSS

.outside
{
    position: relative;
    border: 1px solid black;
}

.outside:before,
.outside:after
{
    content: "";
    position: absolute;
    z-index: 1;
    
    background: white;
}

.outside:before
{    
    top: -1px;
    bottom: -1px;
    left: 10px;
    right: 10px;
}

.outside:after
{
    top: 10px;
    bottom: 10px;
    left: -1px;
    right: -1px;
}

.inside
{
    position: relative;
    z-index: 2;
    
    padding: 100px;    
}