/* ギャラリー全体の親要素をFlexboxにする */
.wp-block-gallery {
    display: flex !important;
    flex-wrap: wrap !important;
}

.wp-block-gallery.has-nested-images {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px; /* 画像間の隙間 */
}

/* 4カラムの場合の計算（100% ÷ 4 - 隙間分） */
.wp-block-gallery.columns-4 .wp-block-image {
    width: calc(25% - 12px) !important;
    max-width: 25% !important;
    flex-basis: calc(25% - 12px) !important;
}

/* 3カラムの場合 */
.wp-block-gallery.columns-3 .wp-block-image {
    width: calc(33.33% - 11px) !important;
    max-width: 33.33% !important;
}

/* 画像が縦に伸びないように調整 */
.wp-block-gallery .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}