How to create a rhombus: (as shown in red) by transforming a square using css? Only points B and C must move. Or
![\"rhombus\"](\"https://i.stack.imgur.com/sNXTG.jpg\")
(as shown in red) by transforming a square using css? Only points B and C must move. Or
