Почему Swiper рендерится поверх страницы? ⇐ CSS

[Anonymous]

swiperJS
Почему Swiper отображается поверх страницы? Как на этом снимке экрана.
Также stackoverflow утверждает, что в вопросе слишком много кода, поэтому мне нужно чем-то его заполнить
HTML:

Код: Выделить всё

[img]/img/green-tariff/01.jpg[/img]

[img]/img/green-tariff/01.jpg[/img]

[img]/img/green-tariff/01.jpg[/img]

CSS:

Код: Выделить всё

.green-tariff {
padding: 150px 0px 0px 0px;

&__title {
margin: 0px 0px 60px 0px;
}

&__wrapper {
display: flex;
justify-content: space-between;
}

&__block {
max-width: 600px;
font-size: 18px;
font-weight: bold;

&-title {
margin: 0px 0px 17px 0px;
}
}

&__tabs {
max-width: 510px;
min-width: 0;
}
}

Я снова попытался инициализировать SwiperJS, проверил структуру HTML. Может я просто тупой.

Подробнее здесь: https://stackoverflow.com/questions/785 ... r-the-page