lKolabrodl

str.match(/(?<=\. ).+(?= \(%\))/)[0]

// или

str.replace(/^.*?\. | \(%\).*$/g, '')

// или

str.split('. ').pop().split(' (%)').shift()

А зачем удалять?

"/srv/resources/ds_demo12/image_%l.jpg".match(/%./)[0];

url.replace(/.*(%.).*/, (str, substr) => **********)

Все очень просто:
Основной блок: position: relative;
Блок с описанием:position: absolute. bottom: -20px
Картинку можно прописать либо бэкграундом, но лучше просто

position: absolute, top:0, left: 0, height: 100%, width: 100%.

У вас картинка вылазит за контейнер в блоке
"Найдено лекарство от рака?!"
задайте ей

widht:100%;
height:auto;

<img src="img/banner-mans.jpg" alt="banner-mans">

Момент №1:
Картинка = 470px

Задайте ей max-width: 100%

Момент №2
Кнопка слайдера выходит за рамки

1. В адаптиве для картинок используйте img{ width:auto; max-width:100%; }
2. Чтобы увидеть кто куда вылазит, пропишите *{ border:1px solid red; box-sizing:border-box; }
3. Поработайте еще над футером))
4. Частыми виновниками таких поломок являются стрелки от slick-slider, что в вашем случае и произошло. Укажите им нужное положение (сейчас они вылезли за пределы контейнера)
5. А еще можно убрать box-shadow в отзывах