Diagonal border on one side of a div
<p><a href="https://i.stack.imgur.com/p2BNb.png" rel="nofollow">Click for the problem's illustration</a></p>

<p>How should I implement this, given the fact that the background is not solid? I was trying different solutions, but none of them fully fit </p>