.collage img {
  opacity: 0;
  transition: transform 0.5s, opacity 0.25s;
}
.collage img:nth-of-type(1) {
  transform: translate(-100%, -100%);
}
.collage img:nth-of-type(2) {
  transform: translate(0%, -100%);
}
.collage img:nth-of-type(3) {
  transform: translate(-100%, 0%);
}
.collage img:nth-of-type(4) {
  transform: translate(0%, 100%);
}
.collage img:nth-of-type(5) {
  transform: translate(100%, 0%);
}
.collage.after-scroll img {
  transform: rotate(0);
  opacity: 1;
}

.visual2:before {
  transition: all 1s;
  transform: translate(-50%, -50%) scale(0.5) !important;
  opacity: 0.1 !important;
}
.visual2.after-scroll:before {
  transform: translate(-50%, -50%) scale(1) !important;
  opacity: 1 !important;
}

.author .image {
  transition: all 1s;
  opacity: 0;
}
.author .image.after-scroll {
  opacity: 1;
}

.fadeup {
  transition: all 1s;
  opacity: 0;
  transform: translateY(100px);
}
.fadeup.after-scroll {
  opacity: 1;
  transform: translateY(0px);
}

.faderight {
  transition: all 1s;
  opacity: 0;
  transform: translateX(-100px);
}
.faderight.after-scroll {
  opacity: 1;
  transform: translateX(0px);
}

.fadeleft {
  transition: all 1s;
  opacity: 0;
  transform: translateX(100px);
}
.fadeleft.after-scroll {
  opacity: 1;
  transform: translateX(0px);
}/*# sourceMappingURL=animation.css.map */