/* line 2, app/assets/stylesheets/vertical_slider.scss */
.slider-container {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

/* line 7, app/assets/stylesheets/vertical_slider.scss */
.slider-container .slider {
  display: flex;
  flex-direction: column;
}

/* line 11, app/assets/stylesheets/vertical_slider.scss */
.slider-container .slider img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

/* line 19, app/assets/stylesheets/vertical_slider.scss */
.slider-container .slider-left {
  animation: slide-up 20s linear infinite;
}

/* line 24, app/assets/stylesheets/vertical_slider.scss */
.slider-container .slider-right {
  animation: slide-down 20s linear infinite;
}

@keyframes slide-up {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes slide-down {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0%);
  }
}