Why is Owl Carousel blocking the standard Bootstrap 4 modal window?

Question

Layout

Hello!
I ran into a problem that the Owl Carousel blocks the correct display of the standard Bootstrap 4 modal window.
There is an owl carousel, and in it there are three items, where each item is a button that calls the standard bootstrap modal window.
Through various manipulations, it was found that the problem is in the CSS carousel, because when commenting on a link to CSS, the standard window returns to normal.
I would be grateful for a joint solution to this problem, or at least an answer to the question why this is happening. Below I am attaching a small snippet with JSFiddle.
Thank you for your attention!
JSFiddle

Answer 1

As for me, there are 2 problems here...
1. This is the layout
2. This is the LOOP mode in OWL... (there are a lot of different problems with it....).
When loop is enabled, it duplicates the slides, and they are called owl-item cloned something like this...
so when you click on a block, you click on the clone and a modal window opens inside it, but it is not the cloned object that makes OWL active... And the one from which he copied ... so you need to come up with some kind of crutch)))
Well, about the layout ... it's that you have the same ID for all modals and the fact that modals are in the slide code .. .