How to make SLick Slider not go beyond the edges of the screen, and adapt the elements to the width of the screen?

Question

Slick

Essence! There is a site with a slider in it. Here are the settings.

$(document).ready(function(){
  $('.slider-block #links').slick({
    slidesToShow: 3,
    infinite: true,
    slidesToScroll: 1,
    arrows: true,
    dots: true,
    responsive: [
      {
        breakpoint: 760,
        settings: {
          slidesToShow: 2
        }
      }
    ]
  });
});

I do not understand why the slider scales the elements in such a way that they go beyond the page border?
Previously, when I set this slider, it scaled the elements based on the width of the screen, but now it pulls them out of the width.

It should compress the pictures in this case 3 pieces, to the width that they fit into the width of the screen.

Tell me what happened to him, before such problems were not.

PS The picture didn't load..... For some reason he thinks that the page border is on the red line, and therefore he assigns the width to the element.