<div class="container">
    <p>I'm originally white text on blue!</p>
  <img class="image" src="https://i2.imgpile.com/i/QeH9i.jpg" />
</div>

.container {
  width: 100%;
  padding: 20px;
  color: black !important;
  background: white !important;
  filter: invert(1)
}
.container > .image {
    filter: invert(1) hue-rotate(180deg);
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.