для секции выставляете position absolute и делайте ::before ему выставляете position relative, top 0, left 0, rright 0,bottom 0, width 100%, heigth 100% и background-color rgba(#000, .7) .7- непрозрачность
Это независимый слайдер! Такой же как owl-carousel.Кстати, в owl-carousel удобнее респонсивные параметры.Там есть js-функция responsive, там ставите брекпоинты как в примере и готово . Вот пример использования : Воть. А также демо responsive вам в помощь.И на десктопах можно просто отключить перелистывание слайдов и будет вам счастье! Всегда рад помочь!
