How to make such skewX?

Question

css

There are two blocks identical with absolute positioning inside a common container.
The second block is created as a clone of the first.
I need to make a bevel so that it looks like in the picture on the left
. I'm trying to set up transform-origin: left center;
But it turns out only as in the picture on the right.
That is, you need to create a clone, place it behind the original and bevel it so that they are aligned with the bottom side.

Answer 1

transform-origin: left bottom;

Answer 2

transform-origin: 0 100%;
https://jsfiddle.net/Ls31903e/
the first value can be any valid value at all, it doesn't seem to affect anything at all, it just takes up space. The second value must be 100% or bottom;