Card with 3D effect for WordPress post archive items

Question

With Bricks Builder in WordPress I want to make a card for the loop items on an archive page.

The card itself is not the problem, but I don't get the schadow/3D effect exactly like the design.

I thought to use a div for the card itself, in it an image with a div above it for the icon with position: absolute;. Below a div with the title in it and below a div with 2 divs in it for the category and date.

The blue background is not relevant to the card.

I've already tried it with :before and :after with skew, but then the oblique angle at the bottom is not right. It has to be exactly the other way around. I also wonder if the way I've done it now is neat and doesn't cause any problems on mobile.

Can someone help me with this? Thanks in advance!