.scroll-left {
  opacity: 0;
  filter: blur(10px);
  transition: 0.5s all;
  transform: translate3d(-30px, 0, 0);
}

.scroll-bottom {
  opacity: 0;
  filter: blur(10px);
  transition: 0.5s all;
  transform: translate3d(0, 30px, 0);
}

.scroll-right {
  opacity: 0;
  filter: blur(10px);
  transition: 0.5s all;
  transform: translate3d(30px, 0, 0);
}

.scroll-top {
  opacity: 0;
  filter: blur(10px);
  transition: 0.5s all;
  transform: translate3d(0, -30px, 0);
}

.active {
  opacity: 1;
  filter: blur(0px);
  transform: translate3d(0, 0, 0);
}

.scroll-item {
  opacity: 0;
  transition: 0.5s all;
  transform: translate3d(-30px, 0, 0);
  filter: blur(10px);
}

.scroll-item.active {
  opacity: 1;
  transition: 0.5s all;
  transform: translate3d(0, 0, 0);
  filter: blur(0px);
}