В чем причина неправильного порядка элементов при использовании Swiper(swiper/react) ⇐ CSS

[Anonymous]

Код из VS Code
Код из окна проверки Chrome
Как вы можете видеть на первом изображении,
Я использую Swiper(swiper/react) в своем приложении Next.js и застрял с этой проблемой
Есть ли у кого-нибудь такой же опыт и как вы решили эту проблему?
Я хочу, чтобы красная часть была размещена над зеленой частью.

Подробнее здесь: https://stackoverflow.com/questions/786 ... iper-react