section.content-splash {
    height: calc(36vw + 4rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem var(--site-padding) 1rem;
}

img.content-splash-img {
    position: absolute;
    width: 100%;
    height: 36vw;
    -webkit-mask-image: url('/wp-content/uploads/Splash-panel.svg');
    mask-image: url('/wp-content/uploads/Splash-panel.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    mask-position:center center;
    -webkit-mask-position: center center;
    top:2rem;
    z-index:-1;
        opacity:0.8;
    object-fit:cover;
    overflow:visible;
}

section.content-splash::after {
    content:" ";
    background-image: url('/wp-content/uploads/Splash-panel-stroke.svg');
    position: absolute;
    background-size:cover;
    background-position:center center;
    top:calc(2rem - 1px);
    left:-1px;
    width: calc(100vw + 2px);
    height:calc(36vw + 2px);
    z-index:-2;
    filter: drop-shadow(0 0 10px rgba(255,255,255,0.2))
}


.content-splash-text {
    max-width: 450px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.content-splash-text h2 {
    text-align: center;
    margin: 1.5rem 1rem 0.5rem;
}


.content-splash-text p {
    margin: 1rem 1.5rem 2rem;
    text-align: center;
}

.content-splash-text img {
    width: 646px;
    max-width: none;
    margin-top: 1rem;
}

@media screen and (max-width:768px) {
    section.content-splash {
        height: auto;
    }

    section.content-splash::after {
        height: calc(60vw + 2px);
    }

    img.content-splash-img {
        height: 60vw;
    }

    .content-splash-text {
        margin: 0 -4rem;
        width: calc(100% + 8rem);
        max-width: 200vw;
        padding: 0 3rem;
        margin-top: 50vw;
    }
}