@mixin blackBackgroundMixin {
  .black-background {
    fill: black;
    opacity: 0;
    animation-name: black_background_animation;
    animation-delay: var(--animation-delay);
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
  }
  use.d-none.use-black_background {
    display: block;
  }

  @keyframes black_background_animation {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.5;
    }
  }
}
