JSFiddle - React, Tailwind, and code Playground

HTML

<div class="booking-menu-wrapper">
  <label>Where Are You Going?</label>
</div>

<div class="booking2">
  <label>London</label>
</div>

CSS

.booking-menu-wrapper::before{
	content: "";
  	display: block;
  	position: fixed;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
 	z-index: -10;
	background: url("http://farm3.staticflickr.com/2533/4062253262_90a3635234_o.jpg") no-repeat center top;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.booking2::before{
  content: "";
  	display: block;
  	position: fixed;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
 	z-index: -10;
	background: url("http://uploads.webflow.com/556801b89cccf1594633da22/556807c647dc18034e5e296c_Nature271.jpg") no-repeat center top;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
label{
  width:100%;
  background:#fff;
  display:block;
  height:1000px;
  margin-top:200px;
}