.intro {
  text-align: left;
  max-width: 40rem;
}

.page-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 128px;
  /*
  position: absolute;
  top: 30vh;
  left: 0;
  height: 100%;
  width: 100%;
  */
}

.page-gallery .home-image {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.page-gallery .home-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.page-gallery .home-image:nth-child(1) {
  width: 40%;
  align-self: end;
  height: 16rem;
  margin-right: 1%;
  margin-bottom: 1%;
  position: relative;
  top: 32px
  
}

.page-gallery .home-image:nth-child(1) img {
  width: 80%;
  height: 40%;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}

.page-gallery .home-image:nth-child(2) {
  width: 33%;
  align-self: end;
  height: 8rem;
  margin-right: 1%;
  margin-bottom: 1%;
  
}

.page-gallery .home-image:nth-child(3) {
  width: 25%;
  align-self: end;
  height: 12rem;
  margin-bottom: 1%;
  position: relative;
  top: 12px;
  
}

.page-gallery .home-image:nth-child(4) {
  width: 40%;
  align-self: start;
  height: 8rem;
  margin-right: 1%;
  position: relative;
  top: 32px;
}

.page-gallery .home-image:nth-child(5) {
  width: 33%;
  align-self: start;
  height: 7rem;
  margin-right: 1%;
}

.page-gallery .home-image:nth-child(6) {
  width: 25%;
  align-self: start;
  height: 8rem;
  position: relative;
  top: 12px;
}

.footer {
  margin-top: -128px;
}

.bg-accent {
  left: -920px;
}


@media screen and (min-width: 45em) {
  .page-gallery {
    margin-top: 0;
  }


  .page-gallery .home-image:nth-child(1) {
    height: 32rem;
    top: -64px
    
  }
  
  .page-gallery .home-image:nth-child(1) img {
    width: 50%;
    height: 60%;
  }
  
  .page-gallery .home-image:nth-child(2) {

    height: 32rem;

    
  }
  
  .page-gallery .home-image:nth-child(3) {

    height: 44rem;

    top: -128px;
    
  }
  
  .page-gallery .home-image:nth-child(4) {

    height: 32rem;

    top: -64px;
  }
  
  .page-gallery .home-image:nth-child(5) {

    height: 24rem;

  }
  
  .page-gallery .home-image:nth-child(6) {

    height: 44rem;

    top: -128px;
  }
}