如何在png的非透明部分应用线性渐变？

Question

我正在尝试在png图像上应用线性渐变，我想仅在非透明部分应用它，但我得到的是它的整个边界框上的线性渐变

这是我的css：

  .MyImage { 
      width: 100%; 
      height: 100%; 
      background: 
         linear-gradient(
            to left, 
            rgba(25, 43, 83, 0.4),
            #182848); 
   }

如何仅在非透明部分应用它？感谢

修改这里是Jsfiddle