Беда с after и before

Почему after и before, появляются над некстом, а не возле него?

Вот у него все отлично работает - посилання
Хотя я заметил что он не задал position: absolute, но псевдоэлемент всегодно встал туда куда надо
P.s. То что у меня код не такой как у него, я знаю, я делал так же прям точ в точ как у него ввидео, ничего не работает всеодно.
Мучает вопрос, почему before появляется над элементом, а не возле него
Точнее быть, он накрывает собой этот текст

Сомневаюсь что кто-то захочет смотреть пример, который длится почти 4 часа 

Забыл)
Таймкод - 58:00 минута

Потому что там элемент display flex

MasterRoman,тексту дай position: relative и z-index: 1