Dynamic Logo Change Using CSS Difference Blending Effect

.your-class {
  mix-blend-mode: difference;
  transition: mix-blend-mode 0.5s ease;
}