.content_section.half_image_bg {
    position: relative;
    padding: 0 0 56.25%;
}
.content_section.half_image_bg > .content_row {
    position: static;
}
.content_section.half_image_bg > .content_row > .block_text {
    padding-top: var(--typo-section-gap);
    padding-bottom: var(--typo-section-gap);
}
.content_section.half_image_bg > .content_row > .block_image {
    position: absolute;
    bottom: 0; left: 0; width: 100%;
    padding: 0 0 56.25%;
}
.content_section.half_image_bg > .content_row > .block_image figure,
.content_section.half_image_bg > .content_row > .block_image picture {
    position: absolute;
    bottom: 0; left: 0; width: 100%; height: 100%;
}
.content_section.half_image_bg > .content_row > .block_image figure img {
    position: absolute;
    bottom: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

@media screen and (min-width:40em){
    .content_section.half_image_bg {
        padding: 0;
        min-height: 30rem;
        justify-content: center;
    }
    .content_section.half_image_bg > .content_row > .block_text {
        flex: 0 0 50%;
    }
    .content_section.half_image_bg > .content_row > .block_image {
        width: 50%; left: 50%;
        padding: 0; height: 100%; top: 0;
    }
    .content_section.half_image_bg > .content_row > .block_image figure {
        height: 100%;
    }
}

@media screen and (min-width:64em){
    .content_section.half_image_bg > .content_row > .block_text {
        flex: 0 0 43.666%;
    }
}


/***************************************************************************
* Header Section
****************************************************************************/
.custom_home_header.content_section {
    position: relative;
	overflow: hidden;
}
.custom_home_header.content_section:after {
    position: absolute; content: '';
    width: 130%; height: 150%;
    top: 50%; left: 0%;
    transform: translateY(-50%);
    background: linear-gradient(270deg, rgba(98, 195, 208, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(../img/logo-icon.svg);
    mask-image: url(../img/logo-icon.svg);
    -webkit-mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
    -ms-mix-blend-mode: multiply;
    -o-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
    opacity: 0.5;
    pointer-events: none;
}
.content_section.half_image_bg.header_section {
    padding: 0;
}
@media screen and (min-width:64em){
    .custom_home_header.content_section:after {
        width: 130%; height: 200%;
        top: 70%; left: 10%;
    }
}
@media screen and (max-width:39.9375em){
    .content_section.half_image_bg.header_section > .content_row > .block_image {
        display: none;
    }
}
