Swiper shows 5 posts/slides instead of 3, despite having slidesPerView: 3 - Wordpress, Genesis Featured Posts widget, swiperJS.

[lazpetr]

Hi,
newbie here.
Please let me know if more info is needed!

Many thanks for having a look at this + trying to help 🙏

The Desire
I'm trying to make a SwiperJS slider using the Genesis Featured Post widget.
I'd like the slider to show 3 out of a total of 5 posts.

The Problem
The slider shows all 5 posts, despite setting slidesPerView: 3

Swiper Initialization Code

var swiper = new Swiper('.swiper', {

          spaceBetween: 30,

           slidesPerView: 3,

           autoplay:false,
     
          pagination: {

            el: '.swiper-pagination',

            clickable: true,
          },

          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',

          },
       });

Screenshot from Inspector

Screenshot from Swiper showing 5 instead of 3 posts

Screenshot from Genesis Featured Post setup

[lazpetr]

I think the case is closed.
It's probably got to do with bad CSS code.
Everything else seems to work fine.