JSFiddle - React, Tailwind, and code Playground

HTML

<div id="red"><div id="hole"></div></div>

CSS

body {padding:70px; background:url(http://ipadinsight.com/wp-content/uploads/2011/11/AirPlayMirroring_thumb.jpg)} 

div#red {
    background:red;
    border-radius:10px;
    width:400px;
    height:100px
}
div#hole {
    width:80px;
    height:80px;
    margin-left: 100px;
    background:url(http://ipadinsight.com/wp-content/uploads/2011/11/AirPlayMirroring_thumb.jpg);
    background-position: -170px -70px;
    border-radius: 20px;
}