JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div class="outer">
  <div class="item" style='background-image: url(http://78.media.tumblr.com/12aa8806b6a05b65e6ac67827b9ed3ac/tumblr_ntr8t61gpY1qjjis9o1_500.gif)'></div>
  <div class="item" style='background-image: url(http://78.media.tumblr.com/5c4852a1b24f1da2220f3b79c551d7d5/tumblr_npef9quWbL1s3wiq8o3_1280.jpg)'></div>
  <div class="item" style='background-image: url(http://78.media.tumblr.com/1aac5aae09d36cb3fe520695648e0a87/tumblr_npef9quWbL1s3wiq8o4_1280.jpg)'></div>
  <div class="item" style='background-image: url(http://78.media.tumblr.com/35d2846613602f5e8f8adf237bb91159/tumblr_npef9quWbL1s3wiq8o5_1280.jpg)'></div>
</div>

CSS

html, body {
  margin: 0;
  padding: 0;
}

html, body, .outer, .item {
  height: 100%;
}

.item {
  width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}