NFT preview card component / HTML & CSS

Hi everyone! I have now completed my third challenge and tried to utilize all the previous feedback you guys gave me here or on Slack. I hope you can spend some time and revisit my code, to give me feedback. Thanks for your time!

Further Information: What did you find difficult while building the project?

The most difficult function for was the hover effect with the eye SVG Icon and the little icons before the currency and time left text. It took some time, but in the end it worked.

Which areas of your code are you unsure of?

I am unsure about:

• My HTML optimization (about the structure)
• My CSS Class names (readability for other programmer)
• The way I did implement the little Icons before currency and time left
• How I used rem instead of px as unit in my CSS
• My image Hover effect

Do you have any questions about best practices?

How to handle images in button or similar thing like in this challenge the currency or time left area? What would be the most optimized way of handling this?

Thank you, for your time! :)