Auto-Rotating Image Carousel

Hi everyone,
is there any chance to recreate something as auto-rotating image carousel? (here an example: https://www.w3.org/TR/wai-aria-practices/examples/carousel/carousel-1.html# )

I can’t find a way to associate two events at same structure, in this case: auto and tap.
First (auto) to have an automatic carousel and second (tap) to stop automatic action and used arrow left and right to go backward and forward in the carousel.

Do you know some tricks of solution?

Thanks!

Maybe you can have 2 carousels, one where transitions happen when you tap/click, and the other one that goes automatically, on MouseEnter, you can switch to the manual one and on MouseLeave you can switch back to the automatic one?