Create a custom slider working with RTL and LTR

Im looking for a javascript expert that will create a custom html slider to work as my needs.
the slider should work in both website directions rtl and ltr

some notes about the project:
slides will be centered align
in desktop display 3 slides
in mobile display 1 slide
slide will automatically slide every 5 seconds
in mouse hover the slider will pause autoslide
slides can move using arrows or dragging with the mouse (or finger in mobile)
slides will contain lottie animation that will start playing only when slide is active
lottie animation is split into 3 sections
* start 0-2 seconds
* loop 2-4 seconds
* end 4-5 seconds

when slide is active the lottie should be start playing from start point and when reach the end of loop part (about 4 seconds) it should seek back to the begin point of loop (2 seconds)

before moving to the next slide the lottie should seed to end part (4 seconds) and after lottie end the slider should move to the next slide


lottie should load using lottie files script
https://github.com/LottieFiles/lottie-player

video example of how the slider should work:
https://front.wis.co.il/demo/lottie-slider.mp4

lottie file
https://front.wis.co.il/demo/example-lottie.json

example of the lottie animation:
https://lottiefiles.com/share/8pmwkrrk