NaN

Ну так прослушиваешь скролл, внутри для каждого блока вызываешь одинаковую функцию, в которую передаешь скорость с которой должен двигаться блок.

Верстайте флексами и не будет проблем

Михаил, гадая на кофейной гуще, я пришла к выводу, что стоит уточнить вопрос. Стоит приложить скриншоты и более подробно описать вашу проблему.

Псевдоэлементы

kamma1985, интересно, какой человек, потративший свое время, нервы, силы и тд, будет раздавать свой проект со всеми исходниками за просто так? Если вы готовы заплатить хорошие деньги - то я сделаю вам много таких проектов. Вы хотите придти на все готовое, зачем тогда вам это - используйте конструкторы сайтов, где можно выбрать шаблон, заменить картинки, текст и все будет готово.

1 вопрос:
Scalletta, вообще, перечитав еще раз различия между этими тегами, получается, что в вашем случае, должен быть div (обертка с фоном), внутри которого article c тремя section, у которых есть заголовок (например, 1-8 мин) и собственно контент.

Почему так?
div - просто обертка нашего блока, задав класс которой, мы можем оформить наш блок.
article - позволяет вырвать блок из страницы, содержит самодостаточную информацию - "Преимущества". Добавив этот блок на любую другую страницу - будет понятно о чем он.
section - просто связанный контент - есть заголовок (1-8 человек) и есть текст, относящийся к заголовку.

Другой вопрос - дизайн сайта - подумал ли дизайнер о доступности сайта? (ведь можно было бы добавить article заголовок - и тогда все было бы семантично правильно сделано)

2 вопрос:
нет, так делать не стоит, зачем загружать страницу блоками, которые никогда не будут на ней отражатся? Это ведь как минимум увеличивает вес и скорость загрузки страницы.

Так, но придется помучиться с подбором нужных для вас значений

в консоли если нажать на квадратик рядом со свойством тени, можно вполне себе подогнать нужный вам вариант, изменяя тот или иной ползунок

дели меню на две части.
и просто расставляй элементы друг за другом как надо.

Просто будет у тебя два одинаковых блока (одинаковая структура и классы)

Вообще шрифт лучше скачать и устанавливать из локальной папки, так точно проблем меньше будет.
Вдруг упадет сайт, откуда вы получаете шрифты, что тогда делать будете?

Попробуйте сделать так и скорее всего это может решить проблему.

Вообще тень задается для всего блока, единственное можно подогнать, используя ту же консольку. Так сказать в режиме онлайн

Выровнять текст можно с помощью css, бутстрап тут не при делах.

Все способы вертикального выравнивания

https://habr.com/ru/company/netcracker/blog/277433/

Написать свой класс для переопределения стилей бутстрапа, в котором прописать свойство white-space:normal

бутстраповские стили (то есть классы) лучше оставить как они есть на самом деле, иначе потом можно запутаться или забыть или другой челоек будет работать над проектом, а вы скорее всего экстендите их в свои классы просто, это неочевидно и может вызвать проблемы. Ничего страшного в том что у вас будут стили бутстрапа не по бем, а ваши по бем.

Если вам нужно как то кастомизировать стили бустраповских классов просто допишите в добавок к нему свой класс и переопределите стили для него

camelCase в стилях странно видеть, лучше замнить на дефис, это плохая практика, так как можно спутать с id для js, то есть плохо читаем код