JSFiddle - React, Tailwind, and code Playground

by Maurian Soares Salvador

HTML

<div id="texto_sombra">Titulo da Página</div>
<div id="container_pai"></div>
<div id="backgroup"></div>

CSS

#texto_sombra {
	font-family:"Trebuchet MS", tahoma,  verdana, arial;
	font-size:35px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.80);
	text-align:center;
	color:#FFFFFF;
	bottom: 80px;
  display: block;
  left: 50%;
  margin-left: -200px;
  position: absolute;
  width: 400px;
	z-index:1 !important;
}

#container_pai {
	top:100%;
	width:80%;
	margin-left:10% !important;
	margin-right:10% !important;
  height:600px;
  background:#fff;
	position:absolute; 
	padding:0px; 
	display:block; 
	z-index:20 !important;
}

#backgroup {
	background: url(http://wallpaper.ultradownloads.com.br/118363_Papel-de-Parede-Campo-Aberto--118363_1600x1200.jpg);
  background-position: center center;
  background-repeat: no-repeat;
	position:fixed;
	z-index:-1;
  display:block !important;
	width: 100%;
	height: 100%;
  min-width:100%;
	min-height:100% !important;
  right:0px;
	bottom:0px !important;
  margin: 0px;
  overflow:hidden;
  
 	/*AJUSTE*/
	-webkit-background-cover: cover;
	-vendor-background-cover: cover;
	-moz-background-cover: cover;
	-ms-background-cover: cover;
	-o-background-cover: cover;
	background-cover: cover;
	/*///////////////////////////////*/	
	-webkit-background-size: cover;
	-vendor-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*AJUSTE*/
}