/********************************************************/
/*
/*      Cake Tools Block CSS
/*
/********************************************************/
/******************************/
/* Image
/******************************/
body:not(.focal-point-test) {
    .wp-block-image {
        display: flex;
        justify-content: stretch;
        align-items: stretch;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: var(--focal-x, 50%) var(--focal-y, 50%);
        }
    }
}

/* Testing other ways of making focal point work */
body.focal-point-test {
    .wp-block-image {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: clip;
    
        img {
            position: relative;
            top: 50%;
            left: 50%;
            width: 100%;
            max-width: unset;
            max-height: unset;
            object-fit: cover;
            translate: calc(var(--focal-x, 50%) * -1) calc(var(--focal-y, 50%) * -1);
        }
    }
}