Box-shadow on Image Shape

Hi!
I'd like to apply the same box-shadow to every image shape, but I cannot figure out the driving element.

As you can see in the attached image, I was able to use this and style the list easily. I also applied it to the map code block.

.user-items-list-simple .list-item-media-inner[data-aspect-ratio="circle"] {
  	-webkit-box-shadow:10px 7px 0 -2px #c8cda3;
box-shadow: 10px 7px 0 -2px #c8cda3;
  	padding-bottom: 100%;
    padding-right: 100%;
    border-radius: 50%;
}

However, I could not figure out how to apply it to images within shapes. I tried this:

.fluid-image-container .sqs-image-content {
  box-shadow: 10px 7px 0 -2px #c8cda3;
}

Site link: https://corn-ferret-28x9.squarespace.com/home
pw: Zippy12345

Any help would be appreciated. If there is a cleaner way to do it, I'm open to suggestions.

Try this

.image-block-outer-wrapper {
    box-shadow: 10px 7px 0 -2px #c8cda3;
    border-radius: 50%;
}

Thanks, @tuanphan. It doesn't quite work. It doesn't wrap to the exact shape, especially if you resize the window. It also adds it to all images, even ones not in a shape wrapper.

Since the shapes are controlled by SVG, is there a way to apply the drop using it? Also, I don't understand why it works so perfectly with the list view and the map block but not the data-shape mask.

@tuanphan do you have any other ideas? This didn't work. See message above.

I see it shows fine here

In case you want to target specific images, we can add a specific text to ALT, then target them, if you want this, I will give code.