collection slider

[manbru]

Hello,

To get the arrows to be outside of the slider in the image above I added this custom css code:

@media screen and (min-width: 768px) {
  .slider-arrow.left-arrow {
    position: absolute !important;
    left: -50px !important;
  }
  .slider-container {
    position: unset !important;
  }
  .collection-slider {
    position: relative !important;
  }
  .slider-arrow.right-arrow {
    position: absolute !important;
    right: -45px !important;
  }
}

But for the other 2 collection sliders the same code does not work, to get the arrows outside of the sliders:

I would want the arrows on these two sliders to be outside, just like in the very first image i showed.

my store: https://r1vex.myshopify.com/

Thanks for helping!