'Subtract left and right edges of div using clip-path

I got a div with a background image. I want to subtract a SVG curve on both sides of it with the clip-path utility. As the size of the div scales with the screen size / content size I probably need 2 separate path elements inside the clipPath tag, but how could I possibly align them to each end of the div? Also, the viewbox attribute doesnt seem to work with clipPath (for scaling)... !?

clip-path



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source