How to position the bottom of the block at a large slope so that the top does not change?

Question

css

How to lay out these blocks?

Answer 1

Use backgroundthe picture as a background, just set the position to the bottom and in the center and everything will work out. Example:
https://codepen.io/aloky/pen/EQzNyE

Answer 2

I also think there is an option, so as not to reinvent the wheel, you can impose one block on another. Make the upper one normal. And cut the lower one with a picture.