<section id="gallery" class="cell productSlide no-padding columns">
            <ul class="slides">
              {% for i in range(1,2) %}
               <li>
                  <section class="mainslide" style="background-image:url() ">
                    <div class="layerimg">
                      {{ img('theme::img/remove/productdetail-slide-'~ i ~'.jpg')|raw }}<!-- 1366 x 800 -->
                    </div>
                  </section>
               </li>
               {% endfor %}
            </ul>
         </section>