<div 
  class="thumb-gallery"
  data-length="{{images.length}}"
>
  <div class="swiper-container swiper-container-main">
    <div class="swiper-wrapper"></div>
    <div class="thumb-gallery__next-btn">
      <i class="far fa-angle-right"></i>
    </div>
    <div class="thumb-gallery__prev-btn">
      <i class="far fa-angle-left"></i>
    </div>
  </div>
  <div class="component-container swiper-container swiper-container-thumbs">
    <div class="swiper-wrapper "></div>
    <div class="swiper-container-thumbs__next-btn">
      <i class="far fa-angle-right"></i>
    </div>
    <div class="swiper-container-thumbs__prev-btn">
      <i class="far fa-angle-left"></i>
    </div>
  </div>
</div>