JSFiddle - React, Tailwind, and code Playground

by adonis11

HTML

<div class="parallax-window" data-parallax="scroll" data-natural-width="1280" data-natural-height="853" data-speed="0.1" data-image-src="http://europug.eu/images/jquery_parallax_bg1.jpg"></div>
	<div class="parallax-window" data-parallax="scroll" data-natural-width="1280" data-natural-height="853" data-speed="0.1" data-image-src="http://europug.eu/images/jquery_parallax_bg2.jpg"></div>
	<div class="parallax-window" data-parallax="scroll" data-natural-width="1280" data-natural-height="724" data-speed="0.1" data-image-src="http://europug.eu/images/jquery_parallax_bg3.jpg"></div>
	<div class="parallax-window" data-parallax="scroll" data-natural-width="1280" data-natural-height="860" data-speed="0.1" data-image-src="http://europug.eu/images/jquery_parallax_bg4.jpg"></div>
	<div class="parallax-window" data-parallax="scroll" data-natural-width="1280" data-natural-height="763" data-speed="0.1" data-image-src="http://europug.eu/images/jquery_parallax_bg5.jpg"></div>

CSS

*{
	margin: 0;
	padding: 0;
}
.parallax-window {
    min-height: 500px;
    background: transparent;
}