#pk_flex_content .flex_layout.hero_publicaties .flex_layout_wrapper{
    background-image: linear-gradient(142deg, #BBAB91 10.95%, #9A795D 90.88%);
    padding-block-start: 12rem;
    padding-block-end: 3rem;
}

.flex_layout.hero_publicaties .image{
    position: relative;
    grid-column: 1/-1;
    aspect-ratio: 7/3;
    border-radius: 1rem;
    overflow: clip;
    padding: 1.5rem;
}

.flex_layout.hero_publicaties .image img{
    object-fit: cover;
    object-position: center;
    width: 100%; height: 100%;
    inset: 0;
    position: absolute;
}


.flex_layout.hero_publicaties .content{
    grid-column: 1 / 6;
    color: var(--ivory);
    margin-top: 2rem;
}

.flex_layout.hero_publicaties .content h1{
    margin-top: .5rem;
    color: inherit;
}


@media only screen and (max-width: 1024px){

    #pk_flex_content .flex_layout.hero_publicaties .flex_layout_wrapper{
        padding-block-start: 6rem;

    }

    .flex_layout.hero_publicaties .content{
        grid-column: 1/-1;
    }

}

@media only screen and (max-width: 1024px){

    .flex_layout.hero_publicaties .image{
        aspect-ratio: 4/3;
    }

}