Salve a tutti,
ho un elemento svg di un rettangolo con un lato curvo che vorrei utilizzarlo come maschera per inserire un immagine.

Ora aprendo l'svg non riesco a capire quali elementi prendere da utilizzare con la ClipPath.
Oltretutto vorrei realizzare un hoover e cambiare l'immagine nella Clip Path, forse la soluzione è nascondere l'intera Clip e mostrarne un altra.

Questo è l'svg.
codice HTML:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 327.14 271.44"><defs><style>.cls-1{fill:none;}</style></defs><title>base clip</title><g id="Livello_2" data-name="Livello 2"><g id="Livello_1-2" data-name="Livello 1"><g id="Livello_2-2" data-name="Livello 2"><g id="Layer_9" data-name="Layer 9"><path class="cls-1" d="M327.14,60V4.95C175.86,26.41,70,16.26,1.47.35L0,0V271.44H327.14Z"/></g></g></g></g></svg>
Ammetto di non aver capito molto bene come utilizzare al meglio gli svg, per ora li inserisco come un immagine, spero che qualcuno di voi possa aiutarmi.