A responsive nft preview card component

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

I was having trouble creating a hover effect on an image. After searching for references on how to create an overlay effect on hover, I found that I can use the CSS properties position: relative; and position: absolute;.

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

Is the approach I am using to achieve this design correct? Or maybe there is another approach that is better and more efficient.

Thank you very much for your answer and explanation. I really appreciate your time and effort in helping me! 😊