How to change a size of hover caption overlay ?

Hello,

do anybody know how I can change a size of hover caption on image to cover whole image? 

I used these codes:

.image-caption-wrapper {
 opacity: 0;
 text-align: center !important;
 top: 0 !important;
 position: relative;
 pointer-events: none !important;
    background: #ffffff !important;

}

.image-caption {
 left: 50%;
 position: absolute;
 top: 50%;
 width:90%;
 transform: translate(-50%,-50%);
   }

.image-caption p {
  font-size: 12px;
 color: #000000 !important;
 line-height: 120% !important;
 letter-spacing: 1px !important;
}

but the result looks like this (bottom part of image is not cover)

Can you share link to page in screenshot? I can take a look

It is not online yet, sorry. 

14 hours ago, Lucie_com said:

It is not online yet, sorry. 

You can setup password & share url

https://sailfish-magnolia-hb48.squarespace.com/ and password is 2112tours

17 hours ago, Lucie_com said:

https://sailfish-magnolia-hb48.squarespace.com/ and password is 2112tours

I don't see hover caption? Did you solve?

no i did not