How to prevent the active slide from sliding down in owl-carousel?

Question

css

How to make the active slide not move when the screen is reduced? I understand that since the block with the title is in the wrapper block, and the slider is outside this block, that's why the slider leaves, but can all such ones be eliminated?

This is how it looks at high resolution


This is how it looks when the screen is reduced


The site cb95142.tmweb.ru
The whole code https://jsfiddle.net/c1xdvajn/

<div class="gallery-slider owl-carousel">
            <div class="gal-slide">
                <img src="img/gal-1.jpg" alt="1">
            </div>
            <div class="gal-slide">
                <img src="img/gal-2.jpg" alt="2">
            </div>
            <div class="gal-slide">
                <img src="img/gal-3.jpg" alt="3">
            </div>
            <div class="gal-slide">
                <img src="img/gal-4.jpg" alt="4">
            </div>
            <div class="gal-slide">
                <img src="img/gal-5.jpg" alt="5">
            </div>
            <div class="gal-slide">
                <img src="img/gal-6.jpg" alt="6">
            </div>
        </div>