Вадим, У всего есть семантика. У константы семантика в том что это уникальный элемент данных который определяется 1 раз и используется в дальнейшем.
Не имеет значение где она определена в цикле или нет.
Корректность решение не всегда значит что это хорошо.
Нужно понимать что библиотеки для слайдеров решают основные задачи.
И нужно понимать их ограничение.
1) Нельзя ломать сетки. Что вы и делаете. переопределяя ширину элементов.
Вся сетка для слайдов устанавливается 1 раз. И динамически её нельзя менять стилями(Все переменные зашиты в js и библиотека их активно использует)
Из-за того что у вас свой придуманный функционал вы ломаете сетку. По мимо этой проблемы вылезет ещё куча.
Попробуйте написать своё решение которое будет делать ровно то что нужно
1) Акцентирование фото
2) Стрелочки
3) drag/drop
4) Динамическое создание сеточки.
Вообще это базовый функционал он должен быть встроен по умолчанию.
Скорее всего где-то настройки сбили
ну или вы используете файл с расширением который не понимает vs code