JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="background-image"></div>

CSS

html,
body {
	height: 100%;
	width: 100%;
}
.background-image {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
	background: url(https://upload.wikimedia.org/wikipedia/commons/7/73/187_1003703_africa_dxm.png) no-repeat center;
	background-size: cover;
}