How to set SVG clip-path as background?

Question

css

Hello, I'm asking for help. How to set svg clip-path image as background for header?
I apologize if the question is stupid, I'm a beginner, I gave a link to the sandbox - I'm sure it will be clearer there. I really hope for the help and the correct code.
Link to JSFiddle

Answer 1

https://jsfiddle.net/8mtqrzbk/10/ something like this - further on the steps - adapt the text - since the svg itself is rubber - if something is not clear, ask
checked in Chrome Firefox IE11 EDGE - works everywhere