JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

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

CSS

html {
  height: 100%;
}

body {
  position: relative;
}

body:before{
  content: '';
  border: 1px solid #ae9;
  position: absolute;
  top: 45px;
  left: 45px;
  right: 45px;
  bottom: 45px;
}
.cur:hover {
   cursor:pointer; 
}
.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;
}