(PRO) Carousel Settings

I have created some custom loop cards which are then shown in a slider. The cards look great, however i am having problems with the Slider Design.

Following problem:

– Arrows shift can only be applied on desktop, when using negative values then the arrows are not showing on tablet & mobile

I have now resorted to using this css snippet to adjust the arrows:

/*Adjust Post Carousel Slider Arrows for Mobile*/
@media screen and (max-width: 1200px) {
  .elementor-swiper-button-prev {
    left: 0!important;
  }
   .elementor-swiper-button-next {
    right: 0!important;
  }
}

One more thing i would like to do:

Not only show 1 slide on mobile but have other slides “around it” show also partly as to indicate that this is a slider. How can this be achieved?

The page I need help with: [log in to see the link]