.lgc-page-header{position:relative;padding:60px 0;background-color:var(--secondary-color);background-size:60% auto;background-repeat:no-repeat;background-position:right center}.lgc-page-header:after{content:"";position:absolute;z-index:1;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to right,color-mix(in srgb,var(--bg-color) 100%,transparent) 45%,rgba(0,0,0,0) 100%);transition:.3s ease all}.lgc-page-header__content{position:relative;z-index:2}@media only screen and (max-width:896px){.lgc-page-header{background-size:cover}}