.bunny-gallery-group-wrapper {
    gap: 2rem; /* Increased gap for better spacing */
}

/*
 * Fix for the picture element sizing issue.
 * This ensures the <picture> and <img> tags behave correctly within the <figure> flex item.
 */
.bunny-gallery-group-wrapper .wp-block-image {
    margin: 0; /* Reset default margins that can interfere with flexbox gap */
}

.bunny-gallery-group-wrapper .wp-block-image picture {
    display: block; /* Make the picture tag a block-level element */
    line-height: 0; /* Remove extra space sometimes added below inline-block elements */
}

.bunny-gallery-group-wrapper .wp-block-image picture img {
    width: 100%;    /* Make the image fill its container (the <picture> tag) */
    height: auto;   /* Maintain aspect ratio */
    display: block; /* Ensure it's a block element to fill width */
}