Found a almost work-around for the filter: invert(100%); media issue:

@media (inverted-colors) {
  img, video { filter: invert(1); }
}

Sadly. only supported in Safari at the moment…
Found at: https://blog.logrocket.com/new-media-queries-you-need-to-know/