.callout-images {
    padding: 0;
    margin: 0;
}
.section-images {
    display: grid;
}
.section-images-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    column-gap: var(--wp--custom--layout--block-gap);
    row-gap: var(--wp--custom--layout--block-gap);
}
.section-images-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: var(--wp--custom--layout--block-gap);
    row-gap: var(--wp--custom--layout--block-gap);
}

.section-images-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--wp--custom--layout--block-gap);
    row-gap: var(--wp--custom--layout--block-gap);
}
.image-title {
    color: var(--wp--preset--color--ink);
}

/*--------------------------------------------------------------
Small Images
--------------------------------------------------------------*/
.image-sm {
    display: block;
    text-align: center;
    background: var(--wp--preset--color--white);
    border-bottom: var(--wp--custom--border-width--small) solid var(--wp--preset--color--red);
}

.image-sm img {
    display: block;

}

.image-sm .image-title {
    margin: 5px auto 0;
    font-size: var(--wp--preset--font-size--xxsmall);
    letter-spacing: var(--wp--preset--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    padding: var(--wp--custom--layout--block-gap-xsmall);
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    text-align: center;
}

/*--------------------------------------------------------------
Medium Images
--------------------------------------------------------------*/
.image-med {
    display: block;
    text-align: center;
    position: relative;
        box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
}

.image-med .image-title {
    border-left: var(--wp--custom--border-width--medium) solid var(--wp--preset--color--red);
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--ink);
    width: fit-content;
    display: block;
    padding: 10px;
    font-size: var(--wp--preset--font-size--xsmall);
    line-height: var(--wp--custom--line-height--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: left;
}

/*--------------------------------------------------------------
Large Images
--------------------------------------------------------------*/
.image-lg {
    display: block;
    text-align: center;
    position: relative;
        box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
}

.image-lg .image-title {
    border-left: var(--wp--custom--border-width--medium) solid var(--wp--preset--color--red);
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--ink);
    width: fit-content;
    display: block;
    padding: 10px;
    font-size: var(--wp--preset--font-size--small);
    line-height: var(--wp--custom--line-height--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    bottom: 20px;
    left: 0;
}
/*--------------------------------------------------------------
Style - Post
--------------------------------------------------------------*/
.type-post .section-images-9 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.type-post .section-images-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.type-post .section-images-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
/*--------------------------------------------------------------
Style - After Post
--------------------------------------------------------------*/
.block-area-after-post .section-images-9 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.block-area-after-post .section-images-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.block-area-after-post .section-images-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
/*--------------------------------------------------------------
Style - Sidebar
--------------------------------------------------------------*/
.block-area-sidebar .section-images-9 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.block-area-sidebar .section-images-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.block-area-sidebar .section-images-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
/*--------------------------------------------------------------
Style - Responsive
--------------------------------------------------------------*/
@media (max-width:1024px) {
    .section-images-9 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width:800px) {
    .section-images-9, .type-post .section-images-9, .block-area-after-post .section-images-9 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .section-images-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .section-images-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width:600px) {
    .type-post .section-images-9, .block-area-after-post .section-images-9 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .section-images-2, .type-post .section-images-6, .block-area-after-post .section-images-6 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .section-images-3, .type-post .section-images-3, .block-area-after-post .section-images-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
        .section-images-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}