body {
    background-image: url('cafeteria.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    margin: 0;
}
.container {
  text-align: center;
}
h1 {
  color: black;
  font-size: 80px;
}
#peanuts {
  width: 1000px;
  height: 1000px;
}
.containertwo {
  position: relative;
  width: 1000px;
  height: 1000px;
  top: 500px; 
  left: 50%;
  transform: translate(-50%, -50%);
}

#peanuts {
  width: 100%;
  height: 100%;
  display: block;
}

#food {
  position: absolute;
  top: 500px;
  left: 0;
  z-index: 10; 
  width: 50%;
  height: auto;
}