div.animation-alert-important {
  /* display: inline-block; */
  overflow:hidden;
  white-space:nowrap;
}

div.animation-alert-important:first-of-type, div.animation-alert-boostrap {
  animation: showup 17000ms infinite;
  /* display: flex; */
}

div.animation-alert-important:last-of-type {
  /* display: flex; */
  width:0%;
  animation: reveal 17000ms infinite;
}

div.animation-alert-important:last-of-type span {
  margin-left:-655px;
  animation: slidein 17000ms infinite;
}

@keyframes showup {
  0% {opacity:0;}
  20% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;}
}

@keyframes slidein {
  0% { margin-left:-1000px; }
  20% { margin-left:-1000px; }
  35% { margin-left:0px; }
  100% { margin-left:0px; }
}

@keyframes reveal {
  0% {opacity:0;width:0%;}
  20% {opacity:1;width:0%;}
  30% {width:100%;}
  80% {opacity:1;}
  100% {opacity:0;width:100%;}
}