<section id="parallax">
        <div class="container">
            <div class="row">
                <div class="col-12 section-header text-center">
                    <h2><span>Parallax</span> section</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique quia minima maiores.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div id="scene" class="scene">
                          <div class="layer" id="layer-1" data-depth="0.70"><img src="img/parallax/android.jpg" alt=""></div>
                          <div class="layer" id="layer-2" data-depth="1.20"><img src="img/parallax/huawei.jpg" alt=""></div>
                          <div class="layer" id="layer-3" data-depth="1.50"><img src="img/parallax/lg.jpg" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
    </section>