#titre1 {
    animation: animationTitre ease-in-out running 3s forwards;
  }
  .imgActive {
    animation: images ease running 2s forwards;
  }


  /* @keyframes images {
    0% {
      transform: translateX(0);
      opacity: 0.2;
    }

    50% {
        transform: translateY(-20px);
        opacity: 0.5;
      }

    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  } */

  @keyframes animationTitre {
    0% {
      transform: translateX(+30px) translateY(+30px);
      opacity: 0;
    }

    100% {
      transform: translateX(0px) translateY(0px) scale(1.1);
      opacity: 1;
    }
  }