@keyframes scroll-image-to-top {
  0% {
    transform: translateY(0);
  }
  33% {
    transform: translateY(-30px);
  }
  66% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(-25px);
  }
}

@keyframes scroll-image-to-bottom {
  0% {
    transform: translateY(-25px);
  }
  33% {
    transform: translateY(10px);
  }
  66% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

.scroll-image-to-top {
  animation: scroll-image-to-top 1.5s ease-in-out infinite;
}

.scroll-image-to-bottom {
  animation: scroll-image-to-bottom 1.5s ease-in-out infinite;
}

.paragraph--type--animated-image-with-tooltips {
  .animated-image-with-tooltips-container {
    background-size: 375px 363px;
    @media (min-width: 640px) {
      background-size: 621px 600px;
    }
    @media (min-width: 1024px) {
      background-position-y: 200%;
      background-size: 500px 483px;
    }
    @media (min-width: 1280px) {
      background-size: 675px 652px;
    }
    @media (min-width: 1440px) {
      background-size: 900px 870px;
    }
  }
}