JSFiddle - React, Tailwind, and code Playground

by photolan

HTML

<body>
<div class = "background"></div>
<div class = "content"></div>
</body>

CSS

.content{
	width: 70%;
	height: 70%;
	border:2px solid;
	border-radius:20px;
	position: fixed;
	top: 15%;
	left: 15%;
	z-index:10;
	background-color: rgba(168, 235, 255, 0.2);
	filter: blur(2px); 
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px); 
	-ms-filter: blur(2px);
}
.background{
	width:100%;
	height:100%;
    background-image:url('http://www.travel.com.hk/region/time_95.jpg');
	z-index:0;
	position:absolute;
}