There are cards on the site. The cards have a shadow. How to make sure that the shadow from one card does not fall on another card?

Question

JavaScript

What is happening now:

The shadow from one card comes to other cards (blackout is visible in the corners). Is there anything that can be done to prevent this from happening? So that the shadow was under the cards. How to do it? I tried making the after element with position: absolute, width: 100% and height: 100%. I added a shadow to it, made z-index 0. And for the cards z-index: 1. Removed the shadow from the cards. And all the same, the shadow climbs onto other cards.

Answer 1

Visual editor of regular expressions with examples https://uiregex.com/ru

Answer 2

Make a shadow on a separate block with z-index: -1.