NFT preview card using basic css

I just noticed that, and looks so weird to be a feature. Anyway, i did something to 'add' that Try to use this web app to create the shadow blur effect that you want.

https://html-css-js.com/css/generator/box-shadow/

Then, copy the css code that gives you and put it on a new .shadow class in the style. Finally, add shadow class to your container class in the main

Ex: <div class="container"> turns into ---- <div class="container shadow">

Hey! Just to contribute:

there is a box-shadow, and the tips that @Kimue said are very useful.

In my case, I put the box-shadow property directly in my '.card' class (the container of the card, in my code - but Kimue's solution is more interesting to be reused throughout the code), and i used the following values:

box-shadow: 1px 2px 15px hsla(216, 66%, 8%, 0.5);

i choose these values just looking for the design picture. You can try e see if you like the result