Responsive NFT Preview Card: Mobile-First, Flexbox & Custom Properties

Initially, I struggled with the interactive overlay - to be honest, I didn't know how to approach it. After reading feedback on Frontend Mentor I came across instructions that, after some experiments, helped solve the problem. So any input regarding pitfalls and best practices when using the ::before and ::after pseudo-elements would be appreciated.

As always, feedback and suggestions on how I can improve are very welcome!

Thank you!