.slider img {
    height: 400px;
}

.slider {
    opacity: 0;
    transition: opacity 0.5s;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.slider.slick-initialized {
    opacity: 1;
}

.slick-prev::before,
.slick-next::before {
    font-size: 40px !important;
}

.slick-prev,
.slick-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1000 !important;
}

.slick-prev {
    left: 10px !important;
}

.slick-next {
    right: 30px !important;
}