.news-carousel {
    height: 220px;
    transition: all 0.2s linear;
}

.news-carousel:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 500px) {
    .news-carousel {
        height: 280px;
    }
}

@media only screen and (min-width: 960px) {
    .news-carousel {
        height: 250px;
    }
}

.news-carousel > div {
    position: relative;
}

.news-carousel-breakout {
    position: absolute; 
    bottom: 0; 
    right: 0; 
    padding: 20px;
    padding: 20px 0;
    width: 100%;
    /*min-width: 500px;*/
    /*background-color: rgba(0, 0, 0, 0.4);*/
    color: #fff;
}

.news-carousel-breakout > .content-type {
    margin: 0 0 10px 20px;
}

.news-carousel-breakout > .news-headline {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    text-shadow: 3px 3px 5px #000000;
    font-size: 21px;
}

.news-carousel > div > .news-carousel-hero-image {
    background-size: cover;
    display: inline-block;
    width: 100%;
    height: 220px;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 500px) {
    .news-carousel > div > .news-carousel-hero-image {
        height: 280px;
    }
}

@media only screen and (min-width: 960px) {
    .news-carousel > div > .news-carousel-hero-image {
        height: 250px;
    }
}

.news-carousel > div > .news-carousel-hero-image.middle {
    background-position: center center;
}

.news-carousel > div > .news-carousel-hero-image.bottom {
    background-position: bottom center;
}