Я пытаюсь создать отзывчивую карусель, представленную на сайте Мекка . Я использую Bootstrap 4 и использую плагин Slick для создания карусели.
Внешний вид, который я пытаюсь достичь, выглядит примерно так: 
Поскольку я использую Boostrap 4, для создания этой плитки у меня есть написан следующий код и ссылка на кодовую ссылку приведена ниже
[Codepen](https://codepen.io/bzaidi/pen/MWamJvZ)
У меня возникают следующие проблемы
- Эта карусель не отвечает. Мне нужно изменить размер шрифта с помощью медиа-запросов практически на каждом разрешении. Если я вижу сайт Мекки, их карусель прекрасно реагирует.
- Когда я перемещаю изображение влево, div rightContent, кажется, принимает всю ширину родительского div, которая составляет 290 пикселей? Почему это так?
- Верен ли мой подход?
- Как я могу добиться отзывчивости на всех разрешениях?
Можете ли вы мне помочь? Спасибо.