Two diagonal div slips with CSS
<p><a href="https://i.stack.imgur.com/LKKck.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LKKck.png" alt=""></a></p>

<p>I'm trying to create a background with two diagonal splits, with one over the other one. </p>

<p>I tried using two linear-gradient on the background but it didn't work.</p>

<p>Any can help me solve this with CSS?</p>