.autoslide {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    height: min-content;
    overflow: hidden;
}

.autoslide li {
    animation: 10s infinite slidein;
    width: 100%;
    max-width: none;
    height: fit-content;
    flex: 0 0 auto;
}

.autoslide img {
    aspect-ratio: 3/1;
    width: 100%;
    height: max-content;
}

.autoslide .card {
    width: 100%;
}

.autoslide .card:hover {
    box-shadow: none;
    cursor: pointer;
}

@keyframes slidein {
    0%, 30% {
        transform: translateX(0%);
      }
    33%, 63% {
      transform: translateX(-100%);
    }
    66%, 97% {
        transform: translateX(-200%);
      }
  }