:root {
    --booom-aspect-ratio-desktop: auto;
    --booom-aspect-ratio-tablet: auto;
    --booom-aspect-ratio-mobile: auto;
    --booom-object-fit: cover;
    --booom-max-height: none;
    --booom-object-position: center;
}

@media (min-width: 1024px) {
    figure.booom-has-custom-aspect-ratio img, .wp-block-image.booom-has-custom-aspect-ratio img {
        aspect-ratio: var(--booom-aspect-ratio-desktop) !important;
    }

    figure.wp-block-image.booom-has-custom-width-height-in-percentage img, 
    .wp-block-image.booom-has-custom-width-height-in-percentage img {
        width: var(--booom-width-desktop) !important;
    }

    figure.wp-block-image.booom-has-custom-width-height-in-percentage img, 
    .wp-block-image.booom-has-custom-width-height-in-percentage img {
        height: var(--booom-height-desktop) !important;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    figure.booom-has-custom-aspect-ratio img, .wp-block-image.booom-has-custom-aspect-ratio img {
        aspect-ratio: var(--booom-aspect-ratio-tablet) !important;
    }

    figure.wp-block-image.booom-has-custom-width-height-in-percentage img, 
    .wp-block-image.booom-has-custom-width-height-in-percentage img {
        width: var(--booom-width-tablet) !important;
    }

    figure.wp-block-image.booom-has-custom-width-height-in-percentage img, 
    .wp-block-image.booom-has-custom-width-height-in-percentage img {
        height: var(--booom-height-tablet) !important;
    }
}

@media (max-width: 640px) {
    figure.booom-has-custom-aspect-ratio img, .wp-block-image.booom-has-custom-aspect-ratio img {
        aspect-ratio: var(--booom-aspect-ratio-mobile) !important;
    }

    figure.wp-block-image.booom-has-custom-width-height-in-percentage img, .wp-block-image.booom-has-custom-width-height-in-percentage img {
        width: var(--booom-width-mobile) !important;
    }

    figure.wp-block-image.booom-has-custom-width-height-in-percentage img, .wp-block-image.booom-has-custom-width-height-in-percentage img {
        height: var(--booom-height-mobile) !important;
    }
}

figure.booom-has-custom-object-fit img, .wp-block-image.booom-has-custom-object-fit img {
    object-fit: var(--booom-object-fit) !important;
}

figure.wp-block-image.booom-has-custom-max-dimensions img, .wp-block-image.booom-has-custom-max-dimensions img {
    max-height: var(--booom-max-height);
}

figure.wp-block-image.booom-has-custom-object-position img, .wp-block-image.booom-has-custom-object-position img {
    object-position: var(--booom-object-position) !important;
}