在差异上使用mix-blend-mode会使我的字体看起来非常锯齿？

Question

我正在尝试将我的文字设置为与我的图像重叠。但是它看起来非常锯齿。 image here

我在差异上使用混合混合模式。 文本后面的背景为白色，文本本身也为白色。

.about-me{
  width: 56.2vw;
  margin-left: 16.7%;
  font-family: 'Poppins';
  z-index: 2;
  color: white;
  mix-blend-mode: difference;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

我已经尝试使用抗锯齿代码，但是没有用。 有人有这个问题吗？

预先感谢，贾科莫