I have tried and tried to make it work but I just can’t get the left side to skew instead of the right.
What have you tried? Do you understand the syntax for the
transform propoerty? Do you understand how this fiddle is making these shapes appear like a parallelogram?
overflow: hidden is the key to this illusion. Here’s a version that lets you see what’s going on “behind the scenes” (hover over the shape).