<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <style>
        .wrapper-slide{
            padding: 10px 0;
        }
        .center-slider .slick-slide{
            background-color: #b32532;
            color: #FFF;
            height: auto;
            margin: 0 15px 0 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: scale(0.8);
            transition: all 0.4s ease-in-out;
        }
        .center-slider .slick-slide,
        .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
            transform: scale(0.8, 0.8);
            transition: all 0.4s ease-in-out;
        }
        .center-slider .slick-center,
        .center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
            transform: scale(1.1);
            background-color: #000000;
        }
        .center-slider .slick-current.slick-active{
            transform: scale(1.1);
            background-color: #000000;
        }
        .slick-next, .slick-prev{
            z-index: 5;
        }
        .slick-next{
            right: 15px;
        }
        .slick-prev{
            left: 15px;
        }
        .slick-next:before, .slick-prev:before{
            color: #000;
            font-size: 26px;
        }
    </style>
 <div class="wrapper-slide">
        <div class="center-slider">
            <div>
                <img src="assets/img/banner.jpg">
            </div>
            <div>
                <img src="assets/img/banner3.jpg">
            </div>
            <div>
                <img src="assets/img/banner2.jpg">
            </div>
        </div>
    </div>
<script>
        $(document).ready(function(){
            $('.center-slider').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                centerMode: true,
                arrows: false,
                dots: false,
                speed: 300,
                centerPadding: '20px',
                infinite: true,
                autoplaySpeed: 5000,
                autoplay: true
            });
        });
    </script>