Так...
1. Карусель с цветами - это "тупой" коленовский Slick slider. Погуглите.
2. "Слайдер" секции выше - обманка. Это просто жестко спозиционированный блок, в который на событие "клик по слайду с цветом" выводится соответствующая картинка. Каждая картинка идеально центрирована и одного размера, отсюда иллюзия, что меняется только чехол, а не вся картинка.
3. С ДжЫэсом на ВЫ... Тогда готовьтесь к БОЛИ.
Делаем форму с радиоботоннами и лаблами, которые загоняем в слик слайдер.
Делаем див, куда зашиваем ВСЕ картинки и позиционируем их абсолютом с прозрачностью.
Дальше на клик-эктив меняем прозрачность у нужной картинки в блоке.
Я бы сделала так.
Прошу коллег поправить, если есть что сказать по существу.
Такой подход даст вам только функцию смены цвета, но не позволит реализовать изменение формы.
Т.к. на это потребуется море подобного кода.
Попробуйте КАЖДОМУ такому слайдеру давать свой идентификатор. Имеется ввиду группе "слайдер-его нав". По другому Слик не работает "из коробки", к сожалению.(
И так - есть решение
1. Указывать ВСЕ брейкпоинты
2. Давать доп обертку для слайдера и ей - отступы, для того, чтобы были видны стрелки
3. Следить за версией JQwery.
Актуальный фикс - тут