.callout-images {
padding: var(--wp--custom--layout--block-gap) 0;

}
.group-image-title {
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}

/*--------------------------------------------------------------
# Section Images
--------------------------------------------------------------*/
.section-images {
    display: grid;
    column-gap: var(--wp--custom--layout--block-gap);
    row-gap: var(--wp--custom--layout--block-gap);
    position: relative;
}

.section-images-small {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.section-images-medium {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.section-images-large {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/*--------------------------------------------------------------
## Section Images: In Posts
--------------------------------------------------------------*/
.type-post .section-images-small {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.type-post .section-images-medium {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.type-post .section-images-large {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/*--------------------------------------------------------------
## Section Images: After Posts
--------------------------------------------------------------*/
.block-area-after-post .section-images-small {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.block-area-after-post .section-images-medium {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.block-area-after-post .section-images-large {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/*--------------------------------------------------------------
## Section Images: Sidebar
--------------------------------------------------------------*/
.block-area-sidebar .section-images-small {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.block-area-sidebar .section-images-medium {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.block-area-sidebar .section-images-large {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

/*--------------------------------------------------------------
## Section Images: Mobile
--------------------------------------------------------------*/
@media (max-width: 900px) {
    .section-images-small, .type-post .section-images-small, .block-area-after-post .section-images-small {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .section-images-medium, .section-images-large, .type-post .section-images-medium, .type-post .section-images-large, .block-area-after-post .section-images-medium, .block-area-after-post .section-images-large {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 600px) {
    .section-images-large, .type-post .section-images-large, .block-area-after-post .section-images-large {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/*--------------------------------------------------------------
IMAGES: General
--------------------------------------------------------------*/
.image-title {
    font-family: var(--wp--preset--font-family--system-sans);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    color: var(--wp--preset--color--ink);
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    text-align: center;
}

/*--------------------------------------------------------------
Small Images
--------------------------------------------------------------*/
.image-sm {
    display: block;
    text-align: center;
}

.image-sm img {
    border-radius: 50%;
    display: block;
}

.image-sm .image-title {
    margin: 5px auto 0;
    font-size: var(--wp--preset--font-size--xxsmall);

}

/*--------------------------------------------------------------
Medium Images
--------------------------------------------------------------*/
.image-med {
    display: block;
    text-align: center;
    position: relative;
}

.image-med .image-title {
    background: var(--wp--preset--color--white);
    width: 80%;
    padding: 5px;
    font-size: var(--wp--preset--font-size--xsmall);
    position: absolute;
    bottom: 10px;
    left: 10%;
    right: 10%;
}

/*--------------------------------------------------------------
Large Images
--------------------------------------------------------------*/
.image-lg {
    display: block;
    text-align: center;
    position: relative;
}

.image-lg .image-title {
    background: var(--wp--preset--color--white);
    width: calc(100% - 40px);
    padding: 10px;
    font-size: var(--wp--preset--font-size--small);
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}