.content-header {
    background-color: rgba(44, 76, 84, 1);
    position: relative;
}

.content-header-image img {
    object-fit: cover;
    object-position: right;
    overflow: hidden;
    height: 224px;
    max-width: 100%;
    width: fit-content;
    display: block;
    z-index: -20;
}

.content-header-image {
    max-width: 100%;
    width: inherit;
}

.header-caption {
    left: unset;
    right: unset;
    bottom: unset;
    top: unset;
    padding: 2rem 1.5rem;
    display: flex;
    align-items: center;
    position: relative;
    background-color: rgba(44, 76, 84, 1);
    color: white;
}

.header-caption .top-block {
    left: 0;
    right: 0;
    bottom: unset;
    top: -2.25rem;
    height: 2.25rem;
    display: block;
    position: absolute;
    width: 100%;
    background-color: rgba(44, 76, 84, 0.8);
}

@media (min-width: 576px) {
    .header-caption {
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        padding: 0 3rem;
        display: flex;
        align-items: center;
        position: absolute;
        background-color: unset;
    }
    .content-header-image img {
        height: 300px;
    }
    .header-caption-box {
        background-color: rgba(252, 252, 252, 0.78);
        color: #212529;
        font-size: 1em;
        padding: 2rem;
        border-radius: .5rem;
        backdrop-filter: blur(5px) brightness(.8) contrast(96%);
    }
}

.overlay-dark-x-axis::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient( 90deg, rgba(0, 0, 0, 24%) 40%, rgba(0, 0, 0, 6%) 94%);
    content: '';
    mix-blend-mode: normal;
}

.overlay-primary-secondary-1::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient( 333deg, rgba(245, 129, 52, 1) -4%, rgba(44, 76, 84, 1) 94%);
    backdrop-filter: brightness(.8);
    content: '';
    mix-blend-mode: color;
}

.overlay-primary-secondary-1::before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient( 192deg, rgba(245, 129, 52, .3) -49%, rgba(44, 76, 84, .3) 90%);
    backdrop-filter: brightness(.8) contrast(140%);
    content: '';
    mix-blend-mode: normal;
}