JSFiddle - React, Tailwind, and code Playground

by horprogs

HTML

<!DOCTYPE html>

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

CSS

html {
  height: 100%;
}

body {
  
  background: blue;
}

.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;
}
.border{
    border: 1px solid #ae9;
   position: absolute;
top:15px;
right: 15px;
left:15px;
width: auto;
height: 100%;
}