想做个水波纹效果，找了张gif图，在其他颜色下正常，在#2c3e50这个颜色下或者贴近这个颜色的其他色上会出现一块不一样颜色的地方，如图，是因为这张gif的原因吗？

<view class="top-container">
  <image src='http://docfile.funkingka.cn/FqzmiFqvXbHg-cfbquNRlawHUgHt' mode='scaleToFill' class='water-wave'></image>
</view>
.top-container {
  width: 100%;
  height: 400rpx;
  background-color: #2c3e50;
  position: relative;
}
.water-wave {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 99;
  mix-blend-mode: screen;
  height: 100rpx;
}