.header_section {
    position: relative;
    padding-top: 10rem;
    color: #FFFFFF;
    overflow: hidden;
}
.header_section:after {
    content: ''; position: absolute;
    top: -2rem; left: -2rem; width: auto; height: auto; bottom: -2rem; right: 0%;
    background: linear-gradient(-90deg,var(--typo-secondary-color),var(--typo-primary-color));
    z-index: 5; opacity: 0.7;
}

.header_section h1, 
.header_section h2,
.header_section .content_title > * {
    color: inherit;
}

@media screen and (min-width:40em){
    .header_section {
        padding-top: 15rem;
    }
}

@media screen and (min-width:64em){
    .header_section:after {
        right: 50%;
        filter: blur(2rem);
    }
}

@media screen and (min-width:80em){
    .header_section {
        padding-top: 17rem;
    }
}