.media-text {
    padding: 40px 0 20px 0;
    position: relative;
    z-index: 1;
}

.media-text::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 138px);
    z-index: -1;
}

.media-text--tan::before {
    background: var(--color-tan);
}

.media-text--green::before {
    background: rgba(64, 139, 90, 0.10);
}

.media-text__text {
    padding-bottom: 32px;
}

.media-text__img {
    height: 239px;
}

.media-text__flex {
    align-items: center;
}

.media-text__headline {
    padding: 0 0 40px;
}

@media (min-width: 768px) {
    .media-text {
        padding: 51px 0 56px 0;
    }
    
    .media-text::before {
        height: calc(100% - 285px);
    }
    
    .media-text__text {
        padding-bottom: 35px;
    }
    
    .media-text__img {
        height: 458px;
    }
}

@media (min-width: 1200px) {
    
    .media-text {
        padding: 100px 0;
    }

    .media-text--pool {
        padding: 77px 0 80px;
    }
    
    .media-text::before {
        height: 100%;
        width: calc(50% - 232px);
    }

    .media-text--right::before {
        left: auto;
        right: 0;
    }
    
    .media-text__text {
        padding-bottom: 0;
    }
    
    .media-text__img {
        height: auto;
    }

    .media-text--right .media-text__text {
        padding-right: 56px;
    }

    .media-text--left .media-text__text {
        padding-left: 56px;
    }

    .media-text__text p {
        padding-bottom: 15px;
    }

    .media-text__headline {
        padding: 0 0 48px;
    }
}