figure.image-container {
    position: relative;
}
    figure.image-container img { width: 100%; border-radius: 1.125rem;}
    figure.image-container.images-set-to-full {
        grid-column: 1 / -1 !important;
    }
    figure.image-container.images-set-to-wide {
        grid-column: 2 / -2;
    }
    @media (min-width: 1024px) {
    figure.image-container.images-set-to-wide {
            margin-left: -10%;
            margin-right: -10%;
            width: 120%
    }
        }
    figure.image-container.images-set-to-inline {
        grid-column: 2 / -2;
    }

figcaption.image-caption {
    padding-top: 0;
}

@media (min-width: 768px) {

figcaption.image-caption {
        position: absolute;
        top: calc(100% + 2ex);
        left: 0;
        width: 100%
}
    }