JSFiddle - React, Tailwind, and code Playground

HTML

<div id="edit"><div id="containment"></div></div>

CSS

#edit{
    width:200px; height:200px; overflow:visible; margin:200px 0 0 200px; background:gray;
    position : relative;
}
#containment{
    width:500px; height:500px; opacity:0.5;  background:red;
    position : absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}