<div class="">
   <div class="container">
    <div class="col-md-12 logo-slider">
      <div id="carousel{{ module }}" class="owl-carousel owl-theme">    
    {% for banner in banners %}
      <div class="text-center">{% if banner.link %}<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="center-block img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="center-block img-responsive" />{% endif %}</div>
      {% endfor %}
    </div>
    </div> 
  </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
    $("#carousel{{ module }}").owlCarousel({
    itemsCustom : [
    [0, 2],
    [600, 4],
    [768, 5],
    [992, 5],
    [1200, 6]
    ],
      autoPlay: 2500,
      loop: true,
      navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      navigation : false,
      pagination:false
    });
    });
</script>