.promotions .featured {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    background-color: #000000;
    padding: 0.5rem;
    text-transform: uppercase;
}

.promotions .slick-carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.promotions .slick-slide {
    margin-left: 15px;
    margin-right: 15px;
}

.promotions .slick-dots {
    display: flex;
    bottom: -2rem;
    top: auto;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: row;
}

.promotions .featured-img-grid,
.promotions .other-img-grid {
    transition: opacity .3s ease;
}

.promotions .featured-img-grid:hover,
.promotions .other-img-grid:hover {
    opacity: .9;
}