.hidden {
    display: none!important;
}

.danse-animation {
    animation: rotateShake 5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
  }

  @keyframes rotateShake {
    0%   { transform: rotate(0deg) translateX(0); filter: hue-rotate(0deg) }
    10%  { transform: rotate(90deg) translateX(-15px); filter: hue-rotate(90deg) }
    20%  { transform: rotate(180deg) translateX(15px); filter: hue-rotate(180deg) }
    30%  { transform: rotate(270deg) translateX(-15px); filter: hue-rotate(270deg) }
    40%  { transform: rotate(360deg) translateX(15px); filter: hue-rotate(360deg) }
    50%  { transform: rotate(450deg) translateX(-15px); filter: hue-rotate(450deg) }
    60%  { transform: rotate(540deg) translateX(15px); filter: hue-rotate(540deg) }
    70%  { transform: rotate(630deg) translateX(-15px); filter: hue-rotate(630deg) }
    80%  { transform: rotate(720deg) translateX(15px); filter: hue-rotate(720deg) }
    90% { transform: translateX(0); filter:hue-rotate(180deg) }
    100% { filter: hue-rotate(360deg) }
  }