How to make a corner with pictures?

Question

css

Please tell me how to make such a transition with a corner.
I found a couple of more or less suitable links
htmlbook.ru/blog/treugolniki-cherez-css
How to make such a separator corner as cross-browser as possible?
But complicating the fact that the backgrounds on both areas of the picture.
Or is it worth cutting off the corner separately?

Answer 1

Perverse, but you can make a square, fill it with a background, rotate it and overlay a pseudo-element on top
https://codepen.io/chefranov/pen/RQVKJV

Answer 2

Clip path not what you need?
https://codepen.io/drewminns/pen/vEZOeq
https://getinstance.info/articles/css/making-sense...

Answer 3

https://codepen.io/topicstarter/pen/BYRQvL like this ... finished version ... need to modify
the triangle borrowed from Jack Brown