.slick-slider {
    background-color: #eee;
    margin: 4ex 0;
}


.slick-slide {
    margin: 10px;
    padding: 10px;
    /* background: white; */
}

.slick-slide .img {
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: contain;
    /* background-size: cover; */
    background-repeat: no-repeat;
    margin-bottom: 10px;
}


.slick-arrow {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;

    position: absolute;
    top: calc(50% - 16px);
    opacity: .3;

    cursor: pointer;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}
.slick-arrow:hover {
    opacity: .5;
}

.slick-prev.slick-arrow {
    left: -40px;
    background-image: url(images/prev.png);
}

.slick-next.slick-arrow {
    right: -40px;
    background-image: url(images/next.png);
}