如何使用jquery在页面上重复一段div

Question

我试图找出重复容纳4个div的容器的最佳方法。

容器需要跨越屏幕100％，不留任何白色空白不断重复。

我不相信这是一个CSS问题，因为div将包含4个将重复x轴的图像。

我想使用jquery，但无法找到类似的代码。？

我创建了html和css，但可以找到与此问题类似的任何结果。我感谢任何帮助！

See fiddle

<div class="cover-photo">
        <div id="cover-wrap">
            <div id="phone-cover">
                <img src="img/assets/phone-cover.jpg" alt="phone-cover"/>
            </div>
            <div class="image-section1">
                <div class="image-wrap"><img src="img/profile-pics/disover/.jpg"></div>
                <div class="image-wrap"><img src="img/profile-pics/disover/.jpg"></div>
            </div>
            <div class="image-section2">
                <div class="image-wrap"><img src="img/profile-pics/disover/.jpg"></div>
            </div>
            <div class="image-section3">
                <div class="image-wrap"><img src="img/profile-pics/disover/.jpg"></div>
            </div>
        </div>
    </div><!--REPEAT THIS WRAP RIGHT-->
</div>