body .image-with-blocks-wrapper .homepage-sections-wrapper--light .homepage-featured-content-box {
    color: var(--color-scheme-light-text);
    background: var(--color-scheme-light-background)
}

body .image-with-blocks-wrapper .homepage-sections-wrapper--light .btn.homepage-featured-box-btn {
    background-color: var(--color-scheme-light-text);
    color: var(--color-scheme-light-background)
}

body .image-with-blocks-wrapper .homepage-sections-wrapper--accent .homepage-featured-content-box {
    color: var(--color-scheme-feature-text);
    background: var(--color-scheme-feature-background)
}

body .image-with-blocks-wrapper .homepage-sections-wrapper--accent .btn.homepage-featured-box-btn {
    background-color: var(--color-scheme-feature-text);
    color: var(--color-scheme-feature-background)
}

body .image-with-blocks-wrapper .homepage-sections-wrapper--dark .homepage-featured-content-box {
    color: var(--color-scheme-dark-text);
    background: var(--color-scheme-dark-background)
}

body .image-with-blocks-wrapper .homepage-sections-wrapper--dark .btn.homepage-featured-box-btn {
    background-color: var(--color-scheme-dark-text);
    color: var(--color-scheme-dark-background)
}

@media screen and (min-width: 768px) {
    .image-with-blocks.size-small {
        max-height:20vw;
        overflow: hidden;
    }

    .image-with-blocks.size-medium {
        max-height: 30vw;
        overflow: hidden;
    }

    .image-with-blocks.size-large {
        max-height: 40vw!important;
        overflow: hidden;
    }
}