How to lay out a block of three parts, an unusual shape?

Question

css

There is a block. it has 3 images, height 800px width 1900px. Attached 3 sources. In what way/s can this block be laid out?
I tried to typeset with figures - a parallelogram and trapezoids, but everything moves out. Now I'm thinking of making it like an SVG image in a flex box. Is it possible to layer/overlay them (svg images), and then do different styles with them (animations, gradient on hover, zoom out, etc.)?

Answer 1

https://developer.mozilla.org/en/docs/Web/CSS/clip-path