.scroll-indicator-wrap {
  position: relative; }
  .scroll-indicator-wrap .indicator-image {
    position: absolute;
    left: 50%;
    top: 0;
    transition: opacity 300ms ease;
    pointer-events: none; }

.indicator-wobble {
  animation-name: indicator-wobble;
  animation-duration: 1s;
  animation-timing-function: ease-in-out; }

@keyframes indicator-wobble {
  16.65% {
    transform: translateX(8px); }
  33.3% {
    transform: translateX(-6px); }
  49.95% {
    transform: translateX(4px); }
  66.6% {
    transform: translateX(-2px); }
  83.25% {
    transform: translateX(1px); }
  100% {
    transform: translateX(0); } }