CSS styling not working with excalidraw?

Custom CSS & Theme Design
1

Image inversion and centre css scripts below work for all images except excalidraw ones. But the image ivnersion works for excalidraw but only in preview mode, and it inverts it in edit but doesn’t remove background? How do Ifix?

Example
image

image invert

.cm-content > :has(> img) {
    background-color: var(--background-primary);
}

.theme-dark img {
    filter: invert(1) hue-rotate(180deg) saturate(15);
    mix-blend-mode: screen;
}

centre image

img[alt*="centre"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

And also even in preview mode for all images they have the background colour of the normal background but not the colour of my callout, how do I fix this for callouts?
image