JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="outer">
        <div id="inner" src=""></div>
	</div>
</div>

CSS

#wrapper{
	position:relative;
    top:0;
	background:black;
	width:400px;
	height:200px;
    z-index:99;
}
#outer{
	position:relative;
	width:400px;
	height:200px;
	background: rgba(50,0,0,0.75);
}
#inner{
	position:relative;
	width:350px;
	height:200px;
    background:rgba(0,50,0,0.75);
	margin: 0 auto;
}