Владимир

Решено поменял transition:none на 1s
media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: 1s;
}
}
Странно почему оно тогда работало на телефоне и других компах

переименуй в href depilation
и id depilation.
Я заменил на другое слово = все заработало.
У тебя походу несколько раз он встречатся.

Документация.
На английском:
Bootstrap https://getbootstrap.com/docs/4.0/getting-started/...
SASS(SCSS) sass-lang.com
На русском:
https://bootstrap-4.ru
https://sass-scss.ru

+можно посмотреть в сторону видео уроков или статей какихто.

Прочти и глянь примеры Gradient Borders in CSS.
Отсюда. https://css-tricks.com/gradient-borders-in-css/