.contentblok.content_met_afbeelding {
    padding-top: 250px;
    padding-bottom: var(--contentblok-margin-bottom);
    position: relative;
    margin-bottom: 0;
    position: relative;
}


.wolk_content_afbeelding {
    width: 100%;
    height: 265px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.wolk_content_afbeelding svg {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.wolk_content_afbeelding path {
    fill: var(--kleur-lichtblauw);
}

.content_afbeelding_sterretjes_roze {
    width: 100%;
    position: absolute;
    right: 30px;
    top: 0;
    width: 240px;
    z-index: -1;
}




.contentblok.content_met_afbeelding:after {
    content: "";
    background-color: var(--kleur-wit);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
}

.content_afbeelding_mask {
    -webkit-mask-image: url(../../img/content_afbeelding_mask.svg);
    mask-image: url(../../img/content_afbeelding_mask.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;   
}


.row_content_afbeelding {
    --bs-gutter-y: 40px;
}




@media (min-width: 768px) {
    .contentblok.content_met_afbeelding {
        padding-top: 250px;
    }
    .row_content_afbeelding {
        --bs-gutter-y: 0;
        --bs-gutter-x: 50px;
    }
    
    .wolk_content_afbeelding svg {
        width: 200%;
    }
    
}

@media (min-width: 992px) {
    .wolk_content_afbeelding svg {
        width: 170%;
    }

    .content_afbeelding_sterretjes {
        width: 100%;
        position: absolute;
        left: -40px;
        bottom: 0;
        width: 515px;
        z-index: -1;
    }
}

@media (min-width: 1200px) { 
    .contentblok.content_met_afbeelding {
        padding-top: 350px;
    }
}

@media (min-width: 1400px) {
    .contentblok.content_met_afbeelding {
        padding-top: 400px;
    }
    .content_afbeelding_sterretjes {
        bottom: -160px;
    }
}