FeST1VaL

Если все же решите через before, то как то так:
Через тень...

В каком смысле как? У вас просто самописный скрипт, даже не слайдера, а просто переключение табов...

вы делаете show() и hide(), вы можете по сути их заменить на fadeIn(250) и fadeOut(250)... только немного изменить стили придется. Чтобы не скакали

В условии media запроса проверяй... У тебя все расширения до 1070px имеют стиль из media запроса, а когда ниже то media запрос уже не работает.

Возможно ты имел ввиду что у тебя начиная от 1070px и ниже должен приниматься стиль? тогда не min-width: 1070px, а max-width: 1070px.

А nav-wrapper нормально работает, тк у тебя стоит от 620px до 1070px

Например через JS. Перебираете блоки с элементами, и делаете подсчет, ставите условие если он равен 3, то добавить после него блок

UPD: https://jsfiddle.net/fest1val/war194f5/

Что именно стилизовать? кнопку Play? делаете поверх блок типо overlay с кнопкой в центре абсолютом.
А потом по нажатию на кнопку через JS запускаете видео и скрываете overlay.

в файле css.css (зачем так называть...) вы не закрыли один из классов, насколько я вижу это .btn-success и .btn-success:hover