#main {
    max-height: 700px;
    overflow-y: hidden;
}

.articles-container {
    width: 80%;
}

.article-fig {
    flex-basis: 25%;
    height: 250px;
}

.article-fig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 50px;
}

.article-fig .left-align-img {
    object-position: left;
}

.article-body {
    flex-basis: 75%;
}

.article-text {
    width: 40%;
}

.round-border-type-1 {
    border-radius: 0px 30px;
}

@media only screen and (max-width: 992px) {
    .articles-container {
        width: 100%;
    }

    .article-body {
        flex-basis: 50%;
    }
    .article-fig {
        flex-basis: 50%;
    }

    .article-text {
        width: 100%;
    }

    .article-fig img {
        border-radius: 0px 40px;
    }
}

@media only screen and (max-width: 576px) {
    #main {
        height: 40vh;
    }
    
    #main > img {
        height: 100%;
        object-fit: cover;
    }

    .article-fig img {
        border-radius: 0px 30px;
    }
}

@media only screen and (min-width: 1800px) {
    .articles-container {
        width: 60%;
    }
}

@media only screen and (min-width: 2700px) {
    .articles-container {
        width: 50%;
    }
}