How to drop a shadow underneath my image on my home page when hover over?

Hi all

I am trying to drop a #E2E558 shadow underneath my image on my home page when hover over.

My site www.kacy-jung.com

Attached images the former is a reference look to explain what I am trying to achieve, and the later is my site. 

Could somebody help me out how to achieve it?

Many thanks!

@Kacy-Jung Hi! Try adding this code under Website > Pages > Website Tools > Custom CSS

.homepage .image-block:hover {
    filter: drop-shadow(2px 2px 15px #E2E558);
    transition: filter 0.3s ease-in-out;
}

It works! Thank you so much!!!

Do you know if I want to adjust the % (make it lighter, less intense), how can I do that?

I really appreciate your help!

I think I worked it out by changing it to a lighter color! I think I am all set with this one.

Thank you so much for the beautiful simple solution!