html - mix-blend-modeとisolationのCSSの組み合わせを使用するには?

Question

背景が赤い親要素があります。h2 要素で、いくつかの単語だけを背景とブレンドする必要があります。つまり、span タグ内で、いいえ。

以下の私の例は機能していません。
それを機能させる方法は？

.bg-red {
  background: red;
}

.blend {
  mix-blend-mode: difference;
  color: white;
}

.isolate {
  isolation: isolate;
}

<div class="bg-red">
  <div class="blend">
    <h2>This text should <span class="isolate">(This one shouldn't)</span> be blended 
    </h2>
  </div>
</div>

JSFiddleで見る