.ce-textpic {
    &.ce-below .ce-bodytext {
        margin-bottom: 75px;
    }
}

.ce-gallery-grid {
    display: grid;
    gap: 30px;
    margin-bottom: 40px;

    @media (min-width: 600px) {
        .ce-left & {
            float: left;
            width: 50%;
            margin-top: 5px;
            margin-right: 20px;
        }

        .ce-right & {
            float: right;
            width: 50%;
            margin-top: 5px;
            margin-left: 20px;
        }
    }

    @for $i from 1 through 5 {
        &[data-ce-columns="#{$i}"] {
            grid-template-columns: repeat(#{$i}, 1fr);
        }
    }

    img {
        width: 100%;
        height: auto;
    }

    figcaption {
        margin-top: 20px;
        font-size: 80%;
    }
}