JSFiddle - React, Tailwind, and code Playground

by samur3

CSS

html {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background: url('http://stephenmuscat.com/twilli_air/assets/images/other_images/bg5.jpg');
}
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, .2);
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%209%22%20height%3D%229%22%20width%3D%229%22%3E%3Cellipse%20cx%3D%22.5%22%20cy%3D%22.5%22%20rx%3D%22.5%22%20ry%3D%22.5%22%20fill%3D%22rgba(255, 255, 255, .3)%22%3E%3C%2Fellipse%3E%3C%2Fsvg%3E');
  background-position: left top;
  background-repeat: repeat;
  background-size: 9px 9px;
}