JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row intro">
				<img class="bg" src="http://3.bp.blogspot.com/-0tkymvJajoA/TbLKVR6zfqI/AAAAAAAAAEE/NGN8yC-A76s/s1600/Nature+Image.jpg">
				<div class="col-xs-12">
					<h1 class="h2-cover">Ingin belajar Qur'an <strong>gratis?</strong></h1>
					<p class="line-cover">
						Kami akan berikan pelatihan baca Qur'an gratis sepanjang yang Anda mau.
					</p>
					<a href="#" class="button round alert">Mau!</a>
					<a href="#" class="button round morelighter">Benarkah?</a>
				</div>
			</div>
			
			<br>
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>test

CSS

body{
				margin:0px;
			}
				.intro{
					position: absolute;
					height: 100%;
					width: 100%;
					background-size: cover;
					}
					
				.bg{
				  position:absolute;
				   z-index:-1;
					width:100%;
					height:100%;
    
					}