Css property `clip-path` is work fine but `mask` or `-webkit-mask` is not working properly in this [example](https://jsfiddle.net/jigneshpanchalmj/cz3p92ob/13/). 

Please help me to solve this because my project is totally depended on masking image with svg file.

In `clip-path`, i can't resize image in responsive views so i have only one way to solve this problem.

So please check example code , may be i have made any mistake.