DIRECTV_test-task

Sample.css

#mainDiv {
  height: 100vh;
  width: 100vw;
  border: 1px solid red;
}

#innerDiv {
  height: 100vh;
  width: 100vw;
  border: 1px solid green;
}

.leftDiv {
  position: absolute;
  height: 50vh;
  width: 50vw;
  overflow: auto;
}

.leftDiv span img{
  display: block;
  margin: 0 auto;
  height: 200px;
  width: 200px;
}

.rightDiv {
  position: absolute;
  height: 50vh;
  width: 50vw;
}

.rightDiv div {
  background-image: url('link on img');
  position: absolute;
  z-index: -1;
  top: -10px;
  left: -10px;
  height: 100vh;
  width: 100vw;
}