title: Diagonal div border css with background image
body: <p>I'm trying to get 2 div's next to eachother with a diagonal space between them.
  I've seen multiple tutorials en stackoverflow's about diagonal divs, but they all do this by using 2 borders for the div with a solid color and use the diagonal line those create. But I want to have pictures/background image instead of a solid color. And maybe even other content like text that go's under the diagonal line. And that's not possible when using borders, as a border is outside the div. (floatright with overflow hidden or something for the content.) </p>
  
  <p>Could anybody here give me a hint how to achieve this?
  My tests all ended with nothing close to wat I want.
  Something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/dkAIf.png" alt="enter image description here"></p>
  
  <p>Thanks a lot if anybody could point this out for me.</p>