Ксюша

На мой взгляд поведение Firefox вполне допустимо, хотя ситуация неоднозначная и конечно стоит глянуть в спецификации. Вы задаёте top для .banner__content который находится внутри .container-fluid. Разница в подходах в том что Firefox считает отступ от parent элемента, а Chrome - от элемента для которого указан position: relative.

Если применять top на .banner__content - начинает работать везде.

сам придумывай - это же элементарно
в ином случае игнорируй все, что касается JS
Ну и верстальщик без JS - не верстальщик
Верстка это как два пальца, можно за неделю-две научиться всему что надо и потом постигать остальное на практике.
Лучше сразу с JS работай. И даже не думай о jQuery, только посмей притронуться к библиотеке, не научившись нативному JS. Я прослежу.

https://codepen.io/anon/pen/EOxXqB вот так наверно