Gallery page image dropshadow hover

Site URL: https://henryfrakesphotography.co.uk/

Hi all! 

Wondering if anyone could advise? I'd really like a bit of animation on the images which appear on the gallery [age, an example being 

https://henryfrakesphotography.co.uk/spain-night-photography

I see a lot changing the fade in, or adding a tint on hover, but I would like something a bit less 'on' the image. Ideally if the image could pop-out slightly and have a drop shadow background?

Or either or would also be great!

Add to Design > Custom CSS

div#page-62b184ad5f734b6fee96c993 .image-block:hover .image-block-wrapper {
    box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}

Thanks so much worked perfectly 👌 I added a bit of fade to it. I applied to all pages with that layout (6) eg the below. I did it by copy pasting and changing the page IDs, out of interest is there a quicker, better practise for that?  

https://henryfrakesphotography.co.uk/iceland-and-italy-night-photography

https://henryfrakesphotography.co.uk/spain-landscape-photography

https://henryfrakesphotography.co.uk/spain-night-photography

On 7/2/2022 at 6:33 PM, HenryFrakes said:

Thanks so much worked perfectly 👌 I added a bit of fade to it. I applied to all pages with that layout (6) eg the below. I did it by copy pasting and changing the page IDs, out of interest is there a quicker, better practise for that?  

https://henryfrakesphotography.co.uk/iceland-and-italy-night-photography

https://henryfrakesphotography.co.uk/spain-landscape-photography

https://henryfrakesphotography.co.uk/spain-night-photography

Add this to 3 Pages Header

<style>
  .image-block:hover .image-block-wrapper {
    box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
</style>