.left-to-right {
  opacity: 0.1;
  transform: translateX(-50px);
  transition: all 1s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}

.right-to-left {
  opacity: 0.1;
  transform: translateX(50px);
  transition: all 1s;
}
.right-to-left.scrollin {
  opacity: 1;
  transform: translate(0);
}

.left-to-right2 {
  opacity: 0.1;
  transform: translateX(-40px);
  transition: all 1s;
}
.left-to-right2.scrollin {
  opacity: 1;
  transform: translate(0);
}

.left-to-right3 {
  opacity: 0.1;
  transform: translateX(-40px);
  transition: all 2s;
}
.left-to-right3.scrollin {
  opacity: 1;
  transform: translate(0);
}

.left-to-right4 {
  opacity: 0.1;
  transform: translateX(-40px);
  transition: all 3s;
}
.left-to-right4.scrollin {
  opacity: 1;
  transform: translate(0);
}

.left-to-right5 {
  opacity: 0.1;
  transform: translateX(-40px);
  transition: all 4s;
}
.left-to-right5.scrollin {
  opacity: 1;
  transform: translate(0);
}

.left-to-right6 {
  opacity: 0.1;
  transform: translateX(-40px);
  transition: all 5s;
}
.left-to-right6.scrollin {
  opacity: 1;
  transform: translate(0);
}

.right-to-left2 {
  opacity: 0.1;
  transform: translateX(20px);
  transition: all 1s;
}
.right-to-left2.scrollin {
  opacity: 1;
  transform: translate(0);
}

.right-to-left3 {
  opacity: 0.1;
  transform: translateX(20px);
  transition: all 2s;
}
.right-to-left3.scrollin {
  opacity: 1;
  transform: translate(0);
}

.right-to-left4 {
  opacity: 0.1;
  transform: translateX(20px);
  transition: all 3s;
}
.right-to-left4.scrollin {
  opacity: 1;
  transform: translate(0);
}

.right-to-left5 {
  opacity: 0.1;
  transform: translateX(20px);
  transition: all 4s;
}
.right-to-left5.scrollin {
  opacity: 1;
  transform: translate(0);
}

.right-to-left6 {
  opacity: 0.1;
  transform: translateX(20px);
  transition: all 5s;
}
.right-to-left6.scrollin {
  opacity: 1;
  transform: translate(0);
}

.down-to-top {
  opacity: 0.1;
  transform: translateY(50px);
  transition: all 1s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}

.top-to-down {
  opacity: 0.1;
  transform: translateY(-50px);
  transition: all 1s;
}
.top-to-down.scrollin {
  opacity: 1;
  transform: translateY(0);
}