JSFiddle - React, Tailwind, and code Playground

HTML

<body onload="randomImage()" id="background" background="">
	
	<div id="content-mid">
		<p>test</p>
	</div>
	
	</body>

CSS

html { overflow-y: hidden; overflow-x: hidden; }

/* Content Section */

#content-mid {
	background-color: #000000;
	opacity: 0.9;
	height:100vh;
	width: 750px;
}

/* =============== */

#background {

}