@media (max-width: 665px) {
  .scd-wfa-parallax-banner .image-wrapper .first,
  .scd-wfa-parallax-banner .image-wrapper .second,
  .scd-wfa-parallax-banner .image-wrapper .third {
    position: relative;
    max-width: 520px;
  }

  .scd-wfa-parallax-banner .image-wrapper .first {
    inset: -101px -158px;
  }
  .scd-wfa-parallax-banner .image-wrapper .second {
    inset: -6px -78px;
  }
  .scd-wfa-parallax-banner .image-wrapper .third {
    inset: -100px -35px;
  }
}

@media (max-width: 510px) {
  .scd-wfa-parallax-banner .image-wrapper .first,
  .scd-wfa-parallax-banner .image-wrapper .second,
  .scd-wfa-parallax-banner .image-wrapper .third {
    position: relative;
    max-width: 400px;
  }

  .scd-wfa-parallax-banner .image-wrapper .first {
    inset: -81px -112px;
  }
  .scd-wfa-parallax-banner .image-wrapper .second {
    inset: -6px -78px;
  }
  .scd-wfa-parallax-banner .image-wrapper .third {
    inset: -100px -15px;
  }
}



@media (min-width: 666px) {
  .scd-wfa-parallax-banner .image-wrapper .first {
    inset: -121px -144px;
  }
  .scd-wfa-parallax-banner .image-wrapper .second {
    inset: -36px -85px;
  }
  .scd-wfa-parallax-banner .image-wrapper .third {
    inset: -96px -28px;
  }
}

@keyframes pan-up {
  0%{
    transform: translateY(100px);
  }
}
@keyframes pan-down {
  0%{
    transform: translateY(-100px);
  }
}

@media (prefers-reduced-motion: no-preference){
  .scd-wfa-parallax-banner .image-wrapper .pan-up {
    animation: pan-up 700ms;
  }
  .scd-wfa-parallax-banner .image-wrapper .pan-down {
    animation: pan-down 700ms;
  }
  .scd-wfa-parallax-banner .image-wrapper .pan-up {
    animation: pan-up 700ms;
  }
}