div{
  height:100vh ;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.pen{
  background-image: url("the-pen.svg");
}
.mightier{
  background-image: url("is-mightier.svg");
  background-color: black;
}
.than{
  background-image: url("than.svg");
}
.sword{
  background-image: url("the-sword.svg");
  background-color: black;
}
.end{
  background-image: url("end.svg");
  background-color: #00f01a;
}
footer{
  position:  fixed;
  width: 40px;
  bottom: 30px;
  left: 50%;
  margin-left: -20px;
}
@media (max-width: 800px) {
  div {
    height: 75vw;
    background-attachment: scroll;
  } 
}