如何更改 Slick carousel 的高度，使图像看起来不错

如何解决如何更改 Slick carousel 的高度，使图像看起来不错

我有一个简单的圆滑的旋转木马

<div class="your-class">
        <div class="slider">
            <img src="assets/img/train.jpg" alt="">
        </div>
        <div class="slider">
            <img src="assets/img/plane.jpg" alt="">
        </div>
        <div class="slider">
            <img src="assets/img/truck.jpg" alt="">
        </div>
        <div class="slider">
            <img src="assets/img/ship.jpg" alt="">
        </div>
    </div>

.slick-track {  
    display: flex !important; 
}  

.slick-slide {  
    height: inherit !important;     
    display: flex !important;   
    justify-content: center; 
} 

.slider {
    max-height: 400px;
}

.slider img {
    width: 100%;
    height: auto;
}

如您所见，我想将滑块的大小更改为 400 像素，但图像看起来 flattened。如果我删除滑块高度，那么垂直滚动的图片太big，我需要使 img 的高度约为 400 像素。你能帮我做点什么吗？