.news-banner-content-container {
    display: grid;
}

.latest-news-item .text {
    color: var(--grey-8);
}

.latest-news-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
}

.latest-news-item {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.latest-news-item:hover .image-container {
    box-shadow: var(--card-hover-color);
    box-shadow: 0px 8px 6px -3px rgba(0, 0, 0, 0.3);
}

.latest-news-item:hover .image-container::after {
    background: rgba(0, 0, 0, 0.2);
}

.latest-news-item:hover .text {
    color: var(--main);
}

.latest-news-item .text {
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    padding-right: 15%;
}

.news-banner-content-container .image-container {
    position: relative;
    margin-bottom: 15px;
    height: 180px;
    box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.news-banner-content-container .image-container::after {
    z-index: 1;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    background: rgba(0, 0, 0, 0.35);
}

@media (min-width:576px) {
    .news-banner-content-container {
        display: grid;
        grid-template-columns: 1fr 4fr;
        grid-gap: 75px;
    }

    .latest-news-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width:768px) {}

@media (min-width:992px) {
    .latest-news-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width:1200px) {
    .news-banner .wrapper {
        width: auto;
        height: 100%;
        max-width: 1050px;
        margin: 0 auto;
        padding: 0 15px 0 15px;
        position: relative;
    }
    
    .section-title {
        margin-bottom: 15px;
    }

    .news-banner-content-container .image-container {
        height: 190px;
    }
}

@media (min-width:1600px) {
    .latest-news-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .news-banner-content-container .image-container {
        height: 210px;
    }
}