NFT preview card component with HTML and CSS

Hey,

To add the shaddow behind the picture, you can use the ':before' on your div.image (not on the img itself since the tag can't have it).

You put 'inset: 0' (shorthand for 'bottom', 'top', 'right', 'left') as property in the 'before' element and set a background color with opacity <1.0.

If you never used ':before', got check how it work before! (You will need to set a content and the 'position' property if you want it to works).

Otherwise, you can, as you said, create another div to make the shaddow. You place it inside of your div.image container and, as for ':before', you use a 'position:absolute' on it with 'inset:0' and a background with opacity.

I hope it will help you!