JSFiddle - React, Tailwind, and code Playground

by Grzegorz Rozdzialik

HTML

<div class="wrapper">
  <img class="bg-img" src="http://www.crystalxp.net/galerie/img/img-wallpapers-windows-vista-editions-bg-pack-vaca-13740.jpg">
</div>

Some content

CSS

.wrapper {
  height: 100vh;
  width: 100vw;
}

.bg-img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}