OWL Carousel 2, how to make such dots?

Question

css

Good evening!
Can you please tell me how to implement such dots in the mobile version?

The active dot turns out to be in the center and is completely visible, and the rest go beyond the container. It is necessary that when you swipe the slide, dot also scrolls, i.e. the slide scrolls to the left, and the active dot moves to the left. Dot clicks are optional.
As a last resort, I’m thinking of making two carousels and linking them together, if I can’t do it with one.
Thanks in advance!