JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="push">Hello World</h1>
<div class="container">
  Some text
<div class="raw"></div>
</div>

CSS

.push {
  margin-bottom: 50px;
  margin-top: 50px;
     border-color:blue;
  border-width:5px;
  border-style:solid;
}
.container {
  position:fixed;
  margin-top: 50px;
  width: 500px;
  height: 500px;
  margin-bottom: 50px;
  border-color:red;
  border-width:5px;
  border-style:solid;
}
.raw {
  border: 5px solid black;
  position: fixed;
  top: 0;
  left: 0;
  background-size: auto;
  background-image: url("http://st-im.kinopoisk.ru/im/wallpaper/2/3/0/kinopoisk.ru-True-Detective-2300505--w--1280.jpg");
  //background-repeat: no-repeat;
  overflow: hidden;
  width: 50%;
  height: 100%;}