jquery cycle2一次滚动多个子div

下面是初始化jquery cycle2插件的html代码。

在容器div中,我有两个div,它们具有类循环,我打算将其显示为两行,并同时将cycle2插件效果应用于两个div。

它一次只显示一个具有类循环的div。我需要显示两个或更多的子div,而不是一个,并保持循环。有人能帮我弄清楚吗?

<div class="container" style="position: relative">
   <div class="cycle-slideshow" data-cycle-fx="scrollVert" hide-non-active="false" data-cycle-speed="200" data-cycle-slides="> div" style="position: relative;">
      <div class="cycle">
         <div class="row">
            <div class="col">
               <div class="card c1">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/brian.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
            <div class="col">
               <div class="card c2">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/diana.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="cycle">
         <div class="row">
            <div class="col">
               <div class="card c3">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/jane.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
            <div class="col">
               <div class="card c4">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/mark.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>