How to arrange card in Arc shape

I am working on a card game and i want to arrange cards in the given pictures using CSS i have no idea. I’ll be very thank you

You can just use the transform property and do a rotation and translation. Does this unblock you?