Backstretch на нескольких Div

Question

Я пытаюсь создать одностраничный веб-сайт с вертикальной прокруткой. Мой дизайн основан на изображениях, и он должен быть мобильным, чтобы соответствовать моей оценке.

У меня проблема с фоновыми изображениями. Я могу использовать backstretch для работы только с телом, но мне нужно, чтобы он работал в разных элементах div, а не просто отображал одно изображение по всей высоте контейнера.

Я не так опытен с jquery. Что, безусловно, моя главная проблема здесь:(

Любые предложения будут ценны. Вот что у меня так далеко.

<div id="container">

        <div id="one">
            <script>
                $("#one").backstretch("img/banner1.jpg")
            </script>

        </div>

        <div id="two">



        </div>

        <div id="three">
            <script>
                $("#three").backstretch("img/banner2.jpg")
            </script>
        </div>

Это применяет изображение к элементам div, однако оно больше не масштабирует изображение вообще, вместо того, чтобы центрироваться по оси y, оно просто скрывает часть изображения.