const gridParams = {
loop: true,
slidesPerView: 2,
pagination: {
el: '.m-bullets.m-bullets--four',
bulletClass: 'm-bullets__item',
bulletActiveClass: 'active',
type: 'bullets',
clickable: true,
},
breakpoints: {
767.98: {
slidesPerView: 1,
},
},
};
<Swiper {...gridParams}>
{others.map((item, index) => (
<div key={item.get('id')}>
<div className="o-responsive-grid__col">
<Teaser item={item} itemPosition={index} />
</div>
</div>
))}
</Swiper>