Responsive NFT Card using Flexbox and pure CSS

What are you most proud of, and what would you do differently next time?

Managed to achieved the hover effect on the card image. Do some research earlier as soon as getting stucked.

What challenges did you encounter, and how did you overcome them?

Wanted to get the card image hover effect using background image, but didn't work without a fixed width on it, so I did some research and took the approach of using an absolute-positioned element. Also was having trouble while adding an smooth transition on hover, but it doesn't work on display-none / display-block, so I used other properties: opacity, pointer-events and visibility.

What specific areas of your project would you like help with?

Any tip on improving the code quality and a better / easier approach are welcome to make it as industry / professional standard as possible.