How do I delete a drop shadow off of one specific image?

I have used the following code to add a drop shadow to my images site wide. 
What CSS code do I use to counteract this code for one specific image if I do not want the code to apply to just one?

//Image Shadow//
.image-block {
  filter: drop-shadow(5px 5px 8px #000000);
}

Please post the URL for the specific page with the image where you want to remove the drop shadow. Also point us to the image if there are multiple on the page.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

I am also looking to do this as well. 

https://salesautopsy.squarespace.com/about-me

I would like to do this for all images on this page. And on several other particular images throughout the site. Any tips?

3 hours ago, lkrepp said:

I am also looking to do this as well. 

https://salesautopsy.squarespace.com/about-me

I would like to do this for all images on this page. And on several other particular images throughout the site. Any tips?

Add to Design > Custom CSS

/* about me - remove dropshadow */
body#collection-605bf063484c952486adb659 .image-block-outer-wrapper {
    box-shadow: unset;
}

@tuanphan That worked! Thank you!

@tuanphan

Hi. I am looking to do this for an image in the footer section only. So far what I have tried hasn't worked. Any suggestions?

Thanks.

On 6/17/2022 at 2:44 AM, cdm_kaladin said:

@tuanphan

Hi. I am looking to do this for an image in the footer section only. So far what I have tried hasn't worked. Any suggestions?

Thanks.

What is your site url? We can tweak the code easier

@tuanphan I'm looking to do the same thing, help would be much appreciated. 

My website is zacharypurcell.com

I'd like to remove the dropshadow from this blue arrow here.


Thanks!

 

And this is the code I'm using as the drop shadow maker (Top) and beneath it I tried modifying your code to remove the the shadow, but I can't get it to work. 

Change your code

.image-block {
    filter: drop-shadow(5px 15px 10px #939393);
}

to this

.image-block:not(#block-yui_3_17_2_1_1684848667979_2659) {
    filter: drop-shadow(5px 15px 10px #939393);
}