.x, .y {
    width: 900px;
    height: auto;
}

.x {
  -webkit-animation: x 26s linear infinite alternate;
          animation: x 26s linear infinite alternate;
}

.y {
  -webkit-animation: y 14s linear infinite alternate;
          animation: y 14s linear infinite alternate;
}

@-webkit-keyframes x {
  100% {
    -webkit-transform: translateX(calc(100vw - 890px));
            transform: translateX(calc(100vw - 890px));
  }
}

@keyframes x {
  100% {
    -webkit-transform: translateX(calc(100vw - 890px));
            transform: translateX(calc(100vw - 890px));
  }
}
@-webkit-keyframes y {
  100% {
    -webkit-transform: translateY(calc(100vh - 257px));
            transform: translateY(calc(100vh - 257px));
  }
}
@keyframes y {
  100% {
    -webkit-transform: translateY(calc(100vh - 257px));
            transform: translateY(calc(100vh - 257px));
  }
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}