Если я правильно понял. Вы хотите, чтобы контейнер занимал 100% экрана и блоки находились четко по центру.

В таком случае контейнеру нужно задавать height: 100vh // устанавливаем блоку 100% высоты экрана устройства пользователя

height: 100% не работает в этом случае потому, что у родителя контейнера нет элемента с фиксированной высотой, относительно которого высота контейнера могла бы генерироваться, если мы задаем ее в процентах

Потому что вы вызываете функцию mobile() , только при resize - изменении экрана.
После jQuery(document).ready(function () { пропишите mobile(); - это должно решить проблему