kreoTech

Можно просто вставить картинку, можно сделать и так

Ну вообще это скрипт добавляет https://c2n.me/3S6y0ar
Можно посмотреть в браузере через инструменты разработчика.
Ваш пример с подключенными скриптами - https://jsfiddle.net/kreoTech/qewrdcn7/1/

Пример: https://jsfiddle.net/kreoTech/3Lro6kma/4/

Не проверял работоспособность в разных браузерах, но в chrome(v64) работает

UPD:
Используемое свойство css: text-decoration-skip-ink

Возможно получится получить эффект и от этого свойства: text-decoration-skip

Для установки на разных сайтах можно попробовать это расширение - User CSS или другое со схожим функционалом.

Хотя может есть и в настройках браузера где-нибудь флажок.

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

<meta name="viewport" content="width=device-width, initial-scale=1">

Задается в head html файлов

Видимо вам требуется использование событий. Посмотрите в документации событие beforeChange или afterChange.
С помощью них можно будет выполнить необходимые действия до смены слайда или после.

Надо просто в css задать соответствующее правило:
https://jsfiddle.net/kreoTech/rdqy651g/4/

Нажимать на первый абзац

Надо добавить z-index:
https://jsfiddle.net/kreoTech/74qcu8gt/

При обычном задании функций, такого вида: function f() {return 1;}
При запуске скрипта браузер сначала ищет все определения используемых функций. А только потом запускает выполнение основного скрипта. Это позволяет в том числе все используемые функции определять после основного тела скрипта.

У вас в скрипте имеется два определения такого вида. И соответственно браузер использует последнее из представленных.

Ну я предполагаю у вас и .modal-desc тоже очищается из всплывающего окна. И куда вы хотите чтобы скрипт добавлял элементы?

Пример: https://jsfiddle.net/kreoTech/tr1jegas/1/

Из-за этого: https://c2n.me/3RwX3LJ
У вас прилипающее меню вверху, когда скролл смещается чуть вниз, сразу идет скачек фона на 65 пикселей.

Поправить можно так: https://c2n.me/3RwX9BD , https://c2n.me/3RwXaKc
Адаптации под малые экраны не проверял. Это надо будет проверить самому.

Можно сделать вот так

https://jsfiddle.net/kreoTech/4k56o26p/1/

Пример рабочего варианта:

.dropdown-item {
  position: relative;
}
.dropdown-item:after {
  border: 1px solid #e1e1e1;
  content: "";
  display:block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

А ничего что вы каждый раз при клике сумму обнуляете?
var sum = 0;

Думаю стоит вынести ее на уровень выше. Чтобы при кликах разных не обнулялось значение.