7.1 Image Block (Collage Style) Text Box Drop Shadow

Site URL: https://www.sbadna.com/

I've searched high and low and couldn't find anyone that has tried this with CSS yet. @tuanphan, this seems like something in your expertise?

We are trying to add a lightweight drop shadow behind the grey image card (and over the image) to create a little more depth on the screen. Have any ideas? Any helpful tips or tricks would be much appreciated!

Site: https://www.sbadna.com/

Add to Design > Custom CSS

body.homepage .content-fit {
    box-shadow: 3px 3px 15px 10px rgba(0,0,0,0.5);
}

@tuanphan that's close but not quite. This code puts the shadow behind the image itself. We're trying to get the shadow around the image's grey text box (image title and description) instead. See red outline below. Thoughts? 

For reference: https://www.sbadna.com/

With text box, use this code

body.homepage figcaption.image-card-wrapper .image-card {
    box-shadow: 3px 3px 15px 10px rgba(0,0,0,0.5);
}

That worked! Thank you @tuanphan. Made a couple of tweaks from your CSS to get it a bit lighter and we couldn't be happier with the result.