.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.half-and-half-image,
.half-and-half-text {
    position: relative;
    flex: 0 0 100%;
}

.half-and-half-image {
    height: 290px;
}

.half-and-half-image img {
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.half-and-half-text {
    padding: 30px 22px 90px;
}

.half-and-half-text.right {
    margin-right: auto;
}

.half-and-half-text.left {
    margin-left: auto;
}

@media (min-width: 768px) {
    .half-and-half-image {
        height: 568px;
    }
    .half-and-half-text {
        padding: 40px 52px 65px;
    }
}

@media (min-width: 1200px) {
    .half-and-half-image,
    .half-and-half-text {
        position: relative;
        flex: 0 0 50%;
    }
    .half-and-half-image {
        height: auto;
    }
    .half-and-half-text {
        padding: 80px 0;
    }
    .half-and-half-image img {
        position: absolute;
    }
    .flex-opposite {
        flex-direction: row-reverse;
    }
    .half-and-half-text__wrapper {
        max-width: 734px;
        padding: 0 50px;
    }
    .half-and-half-text.left .half-and-half-text__wrapper {
        float: right;
    }
}

@media (min-width: 1600px) {
    .half-and-half-text {
        padding: 90px 0 90px;
    }
    .half-and-half-text__wrapper {
        max-width: 828px;
        padding: 0 0 0 94px;
    }
    .half-and-half-text.left .half-and-half-text__wrapper {
        max-width: 864px;
        padding: 0 130px 0 0;
    }
}

.published_date {
    text-transform: uppercase;
    font-weight: bold;
}