Режим смешивания CSS в черно-белом режиме ⇐ CSS

[Anonymous]

У меня возникли некоторые проблемы с тем, как работает режим смешивания. Я хочу, чтобы цвет текста был черным, когда он находится на белом фоне, а когда он имеет все остальные цвета (поскольку он находится на изображении), цвет текста должен быть белым. Как это сделать?
В данном случае у меня есть следующий код:

Код: Выделить всё

.header-title {

padding: 20px;
font-size: 85px;
font-weight: 900;
z-index: 999;
position: relative;
display: inline-block;
color: white;
margin-right: -202%;
font-family: 'Bahnschrift Condensed', sans-serif;
mix-blend-mode: difference;
text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5);}

Подробнее здесь: https://stackoverflow.com/questions/787 ... -and-white