How to put a slide in half a container?

[hebertdelima13]

I tried in different ways to put a slide to appear only half or part, as shown in the image below:

https://ibb.co/5Bt21Hp

Does anyone know how to put it that way?

I also wanted to know how to center the smaller images. Because when I put a smaller image, it aligns with the top of the larger image,

[nurullah]

You need to use the scrollToShow parameter with a decimal number in the example below;

$('.bestofsale-items').slick({
  slidesToShow: 3.7,
  slidesToScroll: 3
});