Image Overlay Caption - take up whole image

Site URL: https://finch-amphibian-bc3g.squarespace.com/

Hi,

I've managed to change the text and colour of the overlay but I would like to change the image overlay on hover to cover the whole image and also for the transition to fade in. 

See it in the 'Our Clients' section at https://finch-amphibian-bc3g.squarespace.com/ (password: emarketing123).

Any help appreciated.

Thanks,

Emma

edit max-height: 100% !important; to this

max-height: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;

it should be

.image-caption-wrapper {
    background: #fff !important;
    opacity: .8 !important;
    text-align: center !important;
    transition: all .3s ease-in-out;
    max-height: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

Thanks so much tuanphan, that worked!