.slide-content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(109 149 177 / 90%)), color-stop(38%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.17)), to(rgba(0, 0, 0, 0.17))), url('../images/chicagoland-skyline-mobile.jpeg');
    background-image: linear-gradient(180deg, rgb(109 149 177 / 90%), transparent 38%), linear-gradient(180deg, rgba(0, 0, 0, 0.17), rgba(0, 0, 0, 0.17)), url('../images/chicagoland-skyline-mobile.jpeg');
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
    background-repeat: repeat, repeat, no-repeat;
}

.slide-content._2nd {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43%, transparent), to(rgba(0, 0, 0, 0.6))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.74)), color-stop(38%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.52)), to(rgba(0, 0, 0, 0.52))), url('../images/shutterstock_548949955-p-1080.jpeg');
    background-image: linear-gradient(180deg, transparent 43%, rgba(0, 0, 0, 0.6)), linear-gradient(180deg, rgba(0, 0, 0, 0.74), transparent 38%), linear-gradient(180deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)), url('../images/shutterstock_548949955-p-1080.jpeg');
    background-position: 0px 0px, 0px 0px, 0px 0px, 75% 50%;
    background-size: auto, auto, auto, cover;
    background-repeat: repeat, repeat, repeat, no-repeat;
}

.slide-content._3rd {
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43%, transparent), to(rgba(0, 0, 0, 0.81))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.74)), color-stop(38%, transparent)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/shutterstock_1250903914-p-1080.jpeg');
    background-image: linear-gradient(180deg, transparent 43%, rgba(0, 0, 0, 0.81)), linear-gradient(180deg, rgba(0, 0, 0, 0.74), transparent 38%), linear-gradient(180deg, transparent, transparent), url('../images/shutterstock_1250903914-p-1080.jpeg');
    background-position: 0px 0px, 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, auto, cover;
    background-repeat: repeat, repeat, repeat, no-repeat;
}

@media (min-width: 480px) {
    .slide-content {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(109 149 177 / 90%)), color-stop(38%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.17)), to(rgba(0, 0, 0, 0.17))), url('../images/chicagoland-skyline.jpeg');
        background-image: linear-gradient(180deg, rgb(109 149 177 / 90%), transparent 38%), linear-gradient(180deg, rgba(0, 0, 0, 0.17), rgba(0, 0, 0, 0.17)), url('../images/chicagoland-skyline.jpeg');
        background-position: 0px 0px, 0px 0px, 50% 50%;
        background-size: auto, auto, cover;
        background-repeat: repeat, repeat, no-repeat;
    }

}

@media (min-width: 992px) {

    .slide-content._3rd {

        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43%, transparent), to(rgba(0, 0, 0, 0.8))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.74)), color-stop(38%, transparent)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/shutterstock_1250903914.jpg');
        background-image: linear-gradient(180deg, transparent 43%, rgba(0, 0, 0, 0.8)), linear-gradient(180deg, rgba(0, 0, 0, 0.74), transparent 38%), linear-gradient(180deg, transparent, transparent), url('../images/shutterstock_1250903914.jpg');
        background-position: 0px 0px, 0px 0px, 0px 0px, 50% 50%;
        background-size: auto, auto, auto, cover;
        background-repeat: repeat, repeat, repeat, no-repeat;
    }

    .slide-content._2nd {

        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(43%, transparent), to(rgba(0, 0, 0, 0.8))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.74)), color-stop(38%, transparent)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/shutterstock_548949955.jpg');
        background-image: linear-gradient(180deg, transparent 43%, rgba(0, 0, 0, 0.8)), linear-gradient(180deg, rgba(0, 0, 0, 0.74), transparent 38%), linear-gradient(180deg, transparent, transparent), url('../images/shutterstock_548949955.jpg');
        background-position: 0px 0px, 0px 0px, 0px 0px, 50% 50%;
        background-size: auto, auto, auto, cover;
        background-repeat: repeat, repeat, repeat, no-repeat;
    }
}