/* number of images*/
.carrusel {
    --d: 28s;
    /* duration */
    display: grid;
    overflow: hidden;
   /* width: 50%;*/
    -webkit-mask: linear-gradient(90deg, #9a6d9445, #183c62 20% 90%, #0000);
  }
  
  .carrusel > img {
    grid-area: 1/1;
    width: auto;
    aspect-ratio: 1.5;
    object-fit: cover;
    animation: r var(--d) linear infinite;
  }
  
  .carrusel > img:nth-child(2) {
    animation-delay: calc(-0.2*var(--d));
  }
  
  .carrusel > img:nth-child(3) {
    animation-delay: calc(-0.4*var(--d));
  }
  
  .carrusel > img:nth-child(4) {
    animation-delay: calc(-0.6*var(--d));
  }
  
  .carrusel > img:nth-child(5) {
    animation-delay: calc(-0.8*var(--d));
  }
  
  @keyframes r {
    80% {
      transform: translate(-400%);
    }
    80.01% {
      transform: translate(100%);
    }
  }