Drop shadows on product images for both, portrait and landscape in the store section

Site URL: https://www.kiriljuha.com/print-store

https://www.kiriljuha.com/print-store

Could anybody help with my shop? I'm a noobie when it comes to coding.

I have both Portrait and Landscape images with drop shadows + white borders (hover) at my shop.

This is the code I've used for the drop shadows=
 

Quote

 

.post-type-store-item .grid-image {
  -webkit-box-shadow: 6px 19px 14px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 6px 9px 14px -5px rgba(0,0,0,0.75);
  box-shadow: 7px 9px 14px -px rgba(0,0,0,0.75);
  
}

 

This is the code for the white borders (hover)=

Quote

.post-type-store-item:hover .grid-image {
  border: 7px solid #FFFFFF;
  box-sizing: border-box;
}

This is the code for the portrait photos to be in portrait mode, in the store. 

Quote

.products.collection-content-wrapper .grid-item .grid-image-cover { object-fit: contain !important; }

I'm looking for a code that would delete the landscape drop shadows on the portrait photos. And the code would make the drop shadows on the portrait photos, in a portrait mode. But still remaining the landscape drop shadows, in landscape photos. + White borders on hover on both styles.

Any help? I would really appreciate it.

The url doesn't exist. Can you check it again?

https://www.kiriljuha.com/prints

@tuanphan

Hey, it's this one:

https://www.kiriljuha.com/print-store 

The store is online, so I deleted the drop shadows for now because it looked bad with the portrait photos. But still looking for the code. 

Did you send all code? I tried adding code, but no shadow appear