body {
  background-image: url("greenDots.png");
  background-size: cover;
  background-attachment: fixed;
}

.container {
    position: relative;
    width: 100%;
    height: 110vh;
    overflow: hidden;
} /* this container is used to make the page scrollable */

.wrapper {
  position: relative;
  transform: translate(40px, 10px); 
} /* this wrapper is used to let everything be moved together */

#albumPage1 {
  width: 80%;
  display: block;
  display: block; margin: 0 auto;
  z-index: 3;
  position: relative;
  
}

#back:hover {
  width: 11%;
} /* the button grows when hovered over */

#back {                                                             
  top: 5%;
  left: 0%;
  position: absolute;
  width: 10%;      
  z-index:3 ;
}