从

Question

我正在尝试偏移我用于联系部分的背景图像。我希望背景从该部分的顶部开始大约20px的内容，以便某些内容显示在内容之上。

这是该部分的代码：

<section id="contact">
        <div class="container">
            <div class="row">
                <h3 class="section-header wow fadeInUp" style="display: inline-block;">Contact Us</h3>
            </div>
            <div class="row" style="padding-top: 20px;">
                <!-- <div id="google-map" style="height:300px;" data-latitude="10.943816" data-longitude="76.934372"></div> -->
                <div id="map" style="height:300px;"></div>
                <script>

                </script>
            </div>
        </div>
    </section>

我对该部分的css：

#contact {
    text-align: center;
    padding-bottom: 10px;
    background-image: url('../images/slider/bg1.jpg');
}

我实际上是在努力实现here

之类的联系部分

但到目前为止我只能做this。

请帮助我实现这一目标。

此外，谷歌地图部分似乎没有响应。请告诉我如何使其成为目的地。