body {
    --wp--style--gallery-gap-default: 0;
    --gallery-block--gutter-size: 0;
}
    
/* ////// Gallery ////// */
.wp-block-gallery figure.wp-block-image {
    aspect-ratio: var(--gallery-aspect-ratio, 3/2);
    max-height: calc(0.45 * var(--view-height, 100vh));
}

.wp-block-gallery {
    /* shorthand: name / type */
    container: gallery-container / inline-size;
    width: 100%;
}

/* --- 1 column min --- */
.wp-block-gallery.gallery-min-columns-1 > .wp-block-image  {
    flex-grow: 1;
    flex-basis: 100% !important;
}
/* --- 2 column min --- */
.wp-block-gallery.gallery-min-columns-2 > .wp-block-image  {
    flex-grow: 1;
    flex-basis: 34% !important;
}
/* --- 3 column min --- */
.wp-block-gallery.gallery-min-columns-3 > .wp-block-image  {
    flex-grow: 1;
    flex-basis: 26% !important;
}

/* --- sm width --- */
@container gallery-container (min-width:600px) {
    /* max cols */
    .wp-block-gallery.gallery-max-columns-2 > .wp-block-image,
    .wp-block-gallery.gallery-max-columns-3 > .wp-block-image,
    .wp-block-gallery.gallery-max-columns-4 > .wp-block-image,
    .wp-block-gallery.gallery-max-columns-5 > .wp-block-image,
    .wp-block-gallery.gallery-max-columns-6 > .wp-block-image {
        flex-grow: 1;
        flex-basis: 34% !important;
    }
}

/* --- md width --- */
@container gallery-container (min-width:850px) {
    /* max cols */
    .wp-block-gallery.gallery-max-columns-3 > .wp-block-image,
    .wp-block-gallery.gallery-max-columns-5 > .wp-block-image,
    .wp-block-gallery.gallery-max-columns-6 > .wp-block-image {
        flex-grow: 1;
        flex-basis: 26% !important;
    }
}

/* --- lg width --- */
@container gallery-container (min-width:1000px) {
    .wp-block-gallery figure.wp-block-image {
        aspect-ratio: var(--gallery-aspect-ratio, 3/2);
        max-height: calc(0.4 * var(--view-height, 100vh));
    }
    /* max cols */
    .wp-block-gallery.gallery-max-columns-4 > .wp-block-image,
    .wp-block-gallery.gallery-max-columns-6 > .wp-block-image {
        flex-grow: 1;
        flex-basis: 21% !important;
    }
}

/* --- xl width --- */
@container gallery-container (min-width:1250px) {
    /* max cols */
    .wp-block-gallery.gallery-max-columns-5 > .wp-block-image {
        flex-grow: 1;
        flex-basis: 1% !important;
    }
}

/* --- xl width --- */
@container gallery-container (min-width:1500px) {
    /* max cols */
    .wp-block-gallery.gallery-max-columns-6 > .wp-block-image {
        flex-grow: 1;
        flex-basis: 1% !important;
    }
}