Нужно выровнять slick-slider по центру. А также сделать так, чтобы слайдер работал при 5 активных картинках

Уже больше недели пытаюсь сделать адаптивный слайдер. Всего у меня 5 слайдов, которые должны листаться слева-направо. Однако слайдер отказывается работать при пяти картинках, однако начинает работать, если добавить 7 и больше, но в таком случае, они растягиваются и выходит явно не по макету. Нужно, чтобы было 5 слайдеров при разрешении 1920:1080, потом уже 4,3 - они бы адапативно уменьшались. Сейчас сделал так, что они растягиваются, но стрелки и точки все равно не работают, не понимаю, почему.

$(function(){
    console.log("hello word");
    return false;
});
$(".middle_slider_content").slick({
   slidesToShow: 5,
  slidesToScroll: 1,               
  dots: true,
  arrows:true,
  speed:700,  
  prevArrow: $('.prev'),
  nextArrow: $('.next'), 
  centerMode: true,
  dotsClass: 'slick-dots',
  responsive: [
  {
      breakpoint: 2560, // - от какой ширины изменять настройки(1024 и ниже)
      settings: {
        arrows: true,
        dots: true,
       
        slidesToShow: 5,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 1920, // - от какой ширины изменять настройки(1024 и ниже)
      settings: {
        arrows: true,
        dots: true,
        slidesToShow: 5,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 1024, // - от какой ширины изменять настройки(1024 и ниже)
      settings: {
        arrows: true,
        adaptiveHeight: true, 
        infinite: true,
        dots: true,
        slidesToShow: 4,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 480, // брекпоинтов может быть сколько угодно
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    
  ]
});

slider_title{
  padding-top: 140px;
  //styleName: Text;
    font-family: Roboto Slab;
    font-size: 48px;
    font-weight: 700;
    line-height: 63.3px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 54px;
}

.middle_slider_info{
  padding-bottom: 151px;
  margin: 0px auto;
}
.slider_block{
  
    margin: 0px auto; 
}
.middle_slider_content{
  
  overflow: hidden;
  
  margin-bottom: 40px;
  
}
.middle_slider_fon{
  width: 240px;
  height: 170px;
  
}

.middle__slider_item{
    background-image: url('../img/middle_slider_fon.png');
  background-size: 300px 238px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 34px;
  padding-bottom: 30px;

}
.middle_slider_fon {
  width: 100%;
}


.middle__slider_paggination{
  padding-right: 7px;
  padding-left: 7px;
}
.middle__slider_paggination_yellow{
  padding-right: 7px;
}
.middle__slider_scroll_item{
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0 15px;
  
}
.middle_slider_scroll_fon{
  max-width: 33px;
  position: relative;

}
.middle_slider_scroll_fon{
  max-width: 33px;
  position: relative;
}


.middle__slider_paggination_mode {
    padding-left: 34px;
    padding-right: 34px;}
.middle__slider_paggination:before {
 
}
.middle__slider_paggination_yellow:before{
  content: ' \25CF';
  font-size: 15px;
  color: #F2C94C;
}
.middle__slider_scroll{
  padding-top: 0px;
}
.footer_slider_title{
  display: flex;
  justify-content: center;
  //styleName: Text;
    font-family: Roboto Slab;
    font-size: 48px;
    font-weight: 700;
    line-height: 63px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 22px;
    flex-wrap: wrap;
}
.footer_button_sub_text{
    color: #612B1C;
}
.footer_slider{
    
}
.footer_slider_sub_title{
  //styleName: Text;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    letter-spacing: 0em;
    text-align: center;
    
}
.middle__slider_scroll{
  display: flex;
  justify-content: center;
}

<div class="slider_block">
        <div class="slider_container ">
            <div class="slider_title">
                        <h1>Поздравления</h1>
            </div>
                    <div class="middle_slider_info ">
                
                        <div class="middle_slider_content">
                           <div class="middle__slider_item">
                           <img class="middle_slider_fon"  src="img/slider_girls_1.png"  alt="menu">
                           </div>
                           <div class="middle__slider_item">
                           <img class="middle_slider_fon" src="img/slider_man.png"  alt="menu"> 
                           </div>
                           <div class="middle__slider_item">
                           <img class="middle_slider_fon"  src="img/slider_girls_1.png"  alt="menu"> 
                            </div>
                            <div class="middle__slider_item">
                           <img class="middle_slider_fon" src="img/slider_girls_2.png"  alt="menu"> 
                           </div>  
                           <div class="middle__slider_item">
                           <img class="middle_slider_fon"  src="img/slider_girls_3.png"  alt="menu"> 
                            </div>  
                                         
                            </div>
                           
                                <div class="middle__slider_scroll_item">
                                    <a class="prev" href=""><img class="middle_slider_scroll_fonv" src="img/left-arrow_footer_slider.png"></a>
                                    
                                   
                           <a class="next" href=""><img class="middle_slider_scroll_fonv " src="img/right_arrow_footer_slider.png"></a>
                           </div>
                                           
                            </div>
                        </div>
                    </div>