.volledige_afbeelding{
    --volledige_afbeelding_padding: var(--spacing_6);
    padding-inline: var(--volledige_afbeelding_padding);
}

.volledige_afbeelding .volledige_afbeelding_grid{
    padding: 0 !important;
    display: grid;

    /* Named tracks retain the supplied breakout grid's layout controls. */
    --padding_inline: var(--bs-gutter-x, 0.75rem);
    --content_max_width: var(--container-width, 120rem);
    --grid_columns: 10;
    --narrow_size_reduction: max(0rem, calc(((100% - var(--content_max_width)) / 2) - var(--bs-gutter-x, 3rem)));
    --_content_column_size: calc(var(--narrow_size_reduction) / 2);

    grid-template-columns:
        [outer_full_width_start] minmax(0, var(--_content_column_size))
        [full_width_start] minmax(0, var(--_content_column_size))
        [content_start] minmax(var(--padding_inline), 1fr)
        repeat(var(--grid_columns), 1fr)
        minmax(var(--padding_inline), 1fr) [content_end]
        minmax(0, var(--_content_column_size)) [full_width_end]
        minmax(0, var(--_content_column_size)) [outer_full_width_end];
    gap: 0 var(--bs-gutter-x, 0.75rem);
}

.volledige_afbeelding .volledige_afbeelding_media{
    grid-column: outer_full_width_start / outer_full_width_end;
    min-width: 0;
}

.volledige_afbeelding .volledige_afbeelding_media picture,
.volledige_afbeelding .volledige_afbeelding_media img{
    display: block;
    width: 100%;
}

@media (max-width:767px){
    .volledige_afbeelding{
        --volledige_afbeelding_padding: var(--spacing_3);
    }

    .volledige_afbeelding .volledige_afbeelding_grid{
        --grid_columns: 1;
    }
}