When using CSS clip-path property with an SVG, it often makes sense to use relative clip path coordinates, as the Web is responsive in nature. What happens is that you will need to convert SVG’s coordinates from pixels to relative units. There’s no built-in method to convert those, so a tool comes in handy.
External Resources:
- CSS clip-path on MDN – https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
- SVG clipPathUnits on MDN – https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clipPathUnits