How to center blocks in a slider?

Question

css

Hello. There is a site . In this block skrinshoter.ru/s/120320/CAu2JtEw the slide does not display smoothly. Perhaps after the changes it was cached and it looks like this only for me. How can I fix it so that both blocks fit?

Slider settings code:

$(document).ready(function(){
        $('.wrap-team__slider').slick({
            infinite: false,
            adaptiveHeight: true,
            slidesToShow: 2,
            slidesToScroll: 1,
            arrows: false,
            autoPlay: true,
            centerMode: true,
            centerPadding:'',
            responsive: [
                {
                    breakpoint: 768,
                    settings: {
                        arrows: false,
                        centerMode: true,
                        centerPadding: '40px',
                        slidesToShow: 1
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        centerMode: true,
                        arrows: false,
                        slidesToScroll: 1,
                        slidesToShow: 0.8
                    }
                },
                {
                    breakpoint: 350,
                    settings: {
                        centerMode: false,
                        arrows: false,
                        slidesToScroll: 1,
                        slidesToShow: 0.8
                    }
                },
            ]
        });

Answer 1

put






this html at the very end
and write sss yourself

Answer 2

Why this horse left margin? Put away!