body {
  background-image: url('outdoor-italian-tile-terrazzo.jpeg');
  background-size: cover;   
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: grid; 
  place-items: center;
  overflow: hidden; 
  max-width: 100vw; 
}
div {
  border: 3px red solid;
  margin:auto;
  width:80vw;
  height:80vh;
  position:relative;
}
img {
  border: 3px green solid;
}
.top {
  position:absolute;
  z-index:2;
  max-height:50%;
  margin:auto;
  left: 0;
  right: 0;
  top:0;
  bottom:0;
}
.bottom {
  position:absolute;
  z-index:1;
  max-height:100%;
  max-width:100%;
  margin:auto;
  left: 0;
  right: 0;
  top:0;
  bottom:0;
}