Что делать если видео залазит на другой блок?

Ничего не изменилось, wow fadeIn delay-05s с нижнего блока убираю и сразу видео налазит на него.

Что делать если видео залазит на другой блок?

Но суть в том, что анимацию мне надо убрать

Что делать если видео залазит на другой блок?

wow fadeIn delay-05s когда добавляю к нижнему элементу video больше не перелазит за блок.

Что делать если видео залазит на другой блок?

Больше ничего нет.

video {
    object-fit: contain;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

Несколько слайдеров на странице, что править?

Я тут просто HTML не правильно прикрепил.
На самом деле я ставил разные ID под каждый и все равно никак, или я что-то не понимаю?

<div id="prev-btn"></div>
<div id="next-btn"></div>

Несколько слайдеров на странице, что править?

Пример html кода

<div class="col-md-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<div id="block-for-slider">
        <div id="viewport">
            <ul id="slidewrapper">
                <li class="slide"><img src="./img/Slider/1.jpg" alt="1" class="slide-img"></li>
                <li class="slide"><img src="./img/Slider/2.png" alt="2" class="slide-img"></li>
                <li class="slide"><img src="./img/Slider/3.jpg" alt="3" class="slide-img"></li>
            </ul>

            <div id="prev-next-btns">
                <div id="prev-btn"></div>
                <div id="next-btn"></div>
            </div>

            <ul id="nav-btns">
                <li class="slide-nav-btn"></li>
                <li class="slide-nav-btn"></li>
                <li class="slide-nav-btn"></li>
            </ul>
        </div>
    </div>
  </div>
  <div class="col-md-4 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
<div id="block-for-slider">
        <div id="viewport2">
            <ul id="slidewrapper2">
                <li class="slide"><img src="./img/Slider/1.jpg" alt="4" class="slide-img"></li>
                <li class="slide"><img src="./img/Slider/2.png" alt="5" class="slide-img"></li>
                <li class="slide"><img src="./img/Slider/3.jpg" alt="6" class="slide-img"></li>
            </ul>

            <div id="prev-next-btns2">
                <div id="prev-btn2"></div>
                <div id="next-btn2"></div>
            </div>

            <ul id="nav-btns2">
                <li class="slide-nav-btn2"></li>
                <li class="slide-nav-btn2"></li>
                <li class="slide-nav-btn2"></li>
            </ul>
        </div>
    </div>
  </div>

Несколько слайдеров на странице, что править?

В том и дело, как мне сделать JS На 2 слайдера? Если я дублирую и вставляю другие ID, то работает только один.

Как обойти поднятие вверх id анкора?

Он работает только на CSS и HTML без JS, в этом все дело.

Как обойти поднятие вверх id анкора?

Если я использую данную функцию, то вообще ничего не происходит.