Zoom on hover on product list

Good day,

Please help us with the code to zoom in the product images on hover. We want it to have the same effect as our gallery page:

https://www.ptphotography.com/stmoritz-badrutts-palace-hotel-switzerland

This is code we used for the gallery page if it is helpful:

.gallery-grid-item
img:hover{height:100%!important;
width:100%!important;
transform:Scale(1.2);
overflow:hidden!important;
transition-duration:.5s}

.gallery-grid-item 
{overflow:hidden!important}

This is the link for our product page we want zoomed in:
https://www.ptphotography.com/destination-trial

Thank you in advance,
K

Add to Page Header

<style>
  .grid-item:hover img {
    transform: scale(1.9);
    transition-duration:.5s;
}
.grid-image {overflow:hidden!important;}
</style>

@tuanphan I am forever grateful! Take care always 😊