How to properly combine gallery swipe and page scrolling?

Question

css

The essence of the problem is the following...
There is some web-page on which "carousels" are located one after another. There are about 20 of them. When viewing this web page with carousels on a mobile device (for example, Android), the carousels can be swiped left/right (swipe).
The problem is that when I scroll the web page itself with my finger up or down, the swipe is triggered at the carousel that the finger hits and it starts to "twitch" (respond to touch). In other words, when scrolling with a finger, touchstart is triggered first at the carousel, and only then onScroll at the web page itself.
Is it possible to somehow make it so that when scrolling with a finger on the web page itself, the carousels block all events related to touch ? And when the scrolling of the page stops, then the lock is removed.
Or maybe there is a special library? Thanks in advance.