.has-animationeffects {
  position: relative;
}

.has-animationeffects .animation-effect {
  position: absolute;
  z-index: -199;
  top: 0;
  left: 0;
  animation-duration: 5s;
}

.has-animationeffects .animation-effect-foreground {
  z-index: 1;
}

.has-animationeffects .animation-effect-hide {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .has-animationeffects .animation-effect-reducedmotion {
    display: none;
  }
}