.lausch-animation {
  display: block;
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto 50px auto;
  filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.15));
  animation: lauschen 8s infinite alternate ease-in-out;
}

@keyframes lauschen {
  0% {
    fill: #ffffff;
  }
  25% {
    fill: #ffd69a;
  }
  50% {
    fill: #8dd5ff;
  }
  60% {
    fill: #ffb8d9;
  }
  100% {
    fill: #101010;
  }

}

audio {
  display: block;
  margin: 20px auto;
}