Сергей Карвасарный

я ничего не понял но почитай про https://bootstrap-4.ru/docs/4.1/utilities/flex/#order, если у тебя есть колонки 1 2 и надо чтобы на респонсе они стили 2 1 то order поможет) если ты хочешь перекинуть через несколько диваков то только Js, вырезать блок и вставить в другое место.

Какого рода тень то) просто на класс навесь тень и все)

Вот держи

А в чем собственно проблема?
Берешь к примеру class="col-xl-6">.item там на него тени, отступы и т.п вешай и дальше в него по строкам пихаешь инфу как в дизайне, в конце делаешь как список ul и картинки ставишь любым удобным способом в див с фикс шириной чтобы текст везде одинаково стоял и верхняя часть там ничего сложного h5 h6 или просто P с классами и стилями, вообще простой текстовый блок можно сказать
Как-то так можно

скинуть код, пример, ссылку, не меняться он может от чего угодно:
- цвет фона висит не на body
- есть второй файл стилей который использует !important
- есть второй файл стилей который подключен после твоего, что и считается приоритетным
Без ссылки на проект это тыканье пальцем в небо -> codpen сюда можно залить и дать ссылку чтобы люди могли посмотреть и подсказать

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

<div class="header-home">Hello</div>
<div class="header-home page">Hello</div>

.header-home {
fonxt-size: 20px;
}
.header-home a {
color: red;
}
.header-home.page {
 fonxt-size: 10px;
}
.header-home.page a {
color: green;
}
scss
.header-home {
fonxt-size: 20px;
  a {
    color: red;
  }
  &.page {
    fonxt-size: 10px;
  a {
    color: green;
  }
  }
}

Вот и все, на главной будет 20 на внутренней 10

как-то так, по крайней мере со звуком так) убегаю нет времени глянуть но вроде все одинаково для звуки и видео.

для аудио тоже самое будет - <audio id="fon" src="audio/fon-1.mp3" preload="auto"></audio>

<video id="fon">
<source src="video.mp4" type="video/mp4">
</video>

<div class="btn-ok">Click Play</div>
<div class="btn-stop">Click Stop</div>

const btnOk = document.querySelector('.btn-ok');
const btnStop = document.querySelector('.btn-stop');
const wrapperVideo = document.getElementById('fon');

btnOk.addEventListener('click',function(){
  wrapperVideo.play();
});

btnStop.addEventListener('click',function(){
  wrapperVideo.pause();
});

маржинами подвигай, падингами)