.hero-mascot{
  width:min(54%,260px);
  margin-top:72px;
  animation:kangaroo-bounce 2.1s ease-in-out infinite;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.6)) drop-shadow(0 25px 24px rgba(0,0,0,.5));
}

@keyframes kangaroo-bounce{
  0%,100%{transform:translateY(18px) rotate(-1deg)}
  45%{transform:translateY(-34px) rotate(2deg)}
  55%{transform:translateY(-34px) rotate(2deg)}
}

.bounce-line-art{
  position:absolute;
  z-index:1;
  width:min(124%,680px);
  max-width:none;
  max-height:680px;
  opacity:.24;
  object-fit:contain;
  filter:saturate(.55) brightness(.72) contrast(.9) drop-shadow(0 0 10px rgba(140,255,0,.12));
}

@media(max-width:620px){
  .bounce-line-art{
    width:450px;
    max-width:none;
    max-height:490px;
    opacity:.22;
  }

  .hero-mascot{
    width:190px;
    margin-top:58px;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-mascot{animation:none;transform:translateY(-8px)}
}