JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<body>
  <div class="container1"></div>
   <div class="container2"></div>
</body>

CSS

html {
  height: 100%;
}

body {
  position: relative;
}

body:before{
  content: '';
  border: 1px solid #ae9;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
}

.container1 {
  height: 400px;
  background: url('http://deita.ru/upload/iblock/ddf/belprauda.org.jpeg');
  background-size:cover;
}
.container2 {
  height: 400px;
  background: url('http://deita.ru/upload/iblock/ddf/belprauda.org.jpeg');
  background-size:cover;
}