How can i bend the outline with css? : <p><a href="https://i.stack.imgur.com/VOaFI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VOaFI.png" alt="enter image description here"></a></p>

<p>I am trying to create this outline effect using CSS. I am unable to think in the right direction and don't want to use any image for the bending. </p>

<p>So what's the best approach to do this? </p>
