@keyframes t{
    from {background-size:0 200%}
  }
  @keyframes b{
    50% {background-position:0 -100%,0 0}
  }

@keyframes hide-carousel{
    0%{opacity:0}
    99.99%{opacity:1}
    100%{opacity:1}
}

@keyframes text-carousel-anim {
    0%  { transform: translate(0, 0em); opacity: 1;content: "responsive";}
    10%  { transform: translate(0, 1em); opacity: 0;content: "responsive";}
    11%  { transform: translate(0, -1em);  opacity:0; content: "simple";}
    20%  { transform: translate(0, 0em); opacity: 1; content: "simple";}
    30%  { transform: translate(0, 1em); opacity: 0; content: "simple";}
    31%  { transform: translate(0, -1em); opacity: 0; content: "rapide";}
    40%  { transform: translate(0, 0em); opacity: 1; content: "rapide";}
    50%  { transform: translate(0, 1em); opacity: 0; content: "rapide";}
    51%  { transform: translate(0, -1em); opacity: 0; content: "accessible";}
    60%  { transform: translate(0, 0em); opacity: 1; content: "accessible";}
    70%  { transform: translate(0, 1em); opacity: 0; content: "accessible";}
    71%  { transform: translate(0, -1em); opacity: 0; content: "moderne";}
    80%  { transform: translate(0, 0em); opacity: 1; content: "moderne";}
    90%  { transform: translate(0, 1em); opacity: 0; content: "moderne";}
    91%  { transform: translate(0, -1em); opacity: 0; content: "responsive";}
    100% { transform: translate(0, 0em); opacity: 1;content: "responsive";}
    }