dicem

Нате вам, у меня сегодня нормасное настроение

А собственно потому что надо сначала НУЖНО конкатить less и только потом компилить, используйте gulp-concat.

Используйте Swiper и его Swiper Thumbs

Да, все это можно сделать при помощи VUE CLI. Только учтите, что хранить данные придется на сервере, поэтому придется пошерстить тему MongoDB ну либо же Firebase.

Решение нашел.

Нашел решение, собственно покопавшись в документации, слава разрабам, запилили достаточно богатое api

partnersSwiper.on('slideChange', function() {
			if ( partnersSwiper.activeIndex == 0 )
				partnersSwiper.slideTo(1)
			else if ( partnersSwiper.activeIndex == partnersSwiper.slides.length - 1 )
				partnersSwiper.slideTo( partnersSwiper.slides.length - 2 )
		})

Если я вас правильно понимаю, то скорей всего то, что вы описали работать не будет ибо draggable управляет свойством transform: transition3D или transform: transition. Не помню точно, но одно из этих свойств, а при вашей реализацией позиционирование у всех элементов наверняка static.
В целом это работать будет, но скролл будет неадекватно воспринимать ваши перетаскивания.

Во первых у вас там сетка стоит в 9 колонок, поставьте 12.

То есть чтоб стоял класс col-md-12, скорей всего в настройках темы может быть такая надстройка.

Во вторых избавьтесь от этого недоразумения:

Вам нафиг не нужно отображать блок как таблицу.

В третьих добавьте к отмеченному классу, отмеченные соответственно свойства.

display: flex;
justify-content: center

Идеально подойдет Swiper https://github.com/nolimits4web/Swiper/

задайте всем слайдам opcaity: .5; а активному слайду opacity: 1
текстовую часть используйте как thumb:
https://github.com/nolimits4web/Swiper/blob/master...

Нашел решение с помощью псевдоэлементов