css skewed arrow box with transparent background : <p><a href="https://i.stack.imgur.com/d86P6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/d86P6.png" alt="enter image description here"></a></p>

<p>Basically thats the shape I want to create in CSS, the height is 192 and I want the background to be transparent.</p>

<p>Can I do this in CSS and if so is it smarter to do with SVG maybe?</p>

<p>Thanks</p>
