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

.title-photo {
    transform: translateY(-25%);
    flex-basis: 35%;
    height: 450px;
}

.title-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 70px;
}

.title-photo .left-align-img {
    object-position: left;
}

.title-container {
    flex-basis: 65%;
}

.article-body {
    transform: translateY(-50px);
    line-height: 1.4;
}

.article-image {
    width: 60%;
}

@media only screen and (max-width: 992px) {
    .title-photo {
        transform: translateY(-5%);
        height: 300px;
    }

    .article-body {
        transform: translateY(0px);
        line-height: 1.4;
    }

    .article-image {
        width: 80%;
    }
}

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

    .title-photo {
        transform: translateY(0%);
        height: 450px;
    }

    .article-image {
        width: 100%;
    }
}