.callout-images {
    padding: 0;
    margin: 0;
}
.callout-images .section-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}

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

.image-sm img {
    border-radius: var(--wp--custom--border-radius--large);
    display: block;
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    box-shadow: var(--wp--custom--box-shadow--1);
}

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

/*--------------------------------------------------------------
Medium Images
--------------------------------------------------------------*/
.image-med {
    display: block;
    text-align: center;
    position: relative;
    border-radius: var(--wp--custom--border-radius--small);
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    box-shadow: var(--wp--custom--box-shadow--1);
}
.image-med img {
    border-radius: var(--wp--custom--border-radius--small);
}
.image-med .image-title {
    border-radius: 0 var(--wp--custom--border-radius--small) var(--wp--custom--border-radius--small) 0;
    background: var(--wp--preset--color--ink);
    color: var(--wp--preset--color--white);
    width: fit-content;
    display: block;
    padding: 10px;
    font-size: var(--wp--preset--font-size--small);
    line-height: var(--wp--custom--line-height--xsmall);
    font-weight: 700;
    position: absolute;
    top: 20px;
    left: 0;
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    box-shadow: var(--wp--custom--box-shadow--1);
}

/*--------------------------------------------------------------
Large Images
--------------------------------------------------------------*/
.image-lg {
    display: block;
    text-align: center;
    position: relative;
    border-radius: var(--wp--custom--border-radius--small);
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    box-shadow: var(--wp--custom--box-shadow--1);
}
.image-lg img {
    border-radius: var(--wp--custom--border-radius--small);
}
.image-lg .image-title {
    border-radius: 0 var(--wp--custom--border-radius--small) var(--wp--custom--border-radius--small) 0;
    background: var(--wp--preset--color--ink);
    color: var(--wp--preset--color--white);
    width: fit-content;
    display: block;
    padding: 10px;
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--line-height--small);
    font-weight: 700;
    position: absolute;
    top: 20px;
    left: 0;
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    box-shadow: var(--wp--custom--box-shadow--1);
}
/*--------------------------------------------------------------
Sidebar Styling
--------------------------------------------------------------*/
.block-area-sidebar .callout-images .section-icon {
    width: 30px;
    height: 30px;
    border: 2px solid #FFF;
    margin-right: 0;
    margin: -35px auto 5px!important;
}
/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/
@media (max-width: 600px) {
    .callout-images .section-header {
        align-items: flex-start;
    }
    .callout-images .section-desc {
        text-align: left;
    }
    .callout-images .section-icon {
        margin-right: 3px;    }
}