my Image wont regenerate to the begining

.user-items-list-carousel__slides-revealer { overflow: hidden; white-space: nowrap; animation: carousel 20s linear infinite; } .user-items-list-carousel__slides-revealer::before, .user-items-list-carousel__slides-revealer::after { content: ""; display: inline-block; width: 100%; } @keyframes carousel { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }

i want to create a loop that automatically scrolls

45 minutes ago, ArvinPaul said:

.user-items-list-carousel__slides-revealer { overflow: hidden; white-space: nowrap; animation: carousel 20s linear infinite; } .user-items-list-carousel__slides-revealer::before, .user-items-list-carousel__slides-revealer::after { content: ""; display: inline-block; width: 100%; } @keyframes carousel { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }

i want to create a loop that automatically scrolls

Can you share your site with the protected password so I can take a look?

You can get reference from this answer:

i want mine to not use the button instead it moves automatically from right to left like scrolling it makes it look more clean, can you help me with that?

@Beyondspace https://terrier-tunny-5b46.squarespace.com/  password: 123321