Remove hover on "related products" section of a product page?

Site URL: https://www.oraetlabora.wine

Does anyone know how to remove the "hover" effect on related products? Right now when you hover over one "related products" image (within one actual product), the whole grouping has a hover opacity.

url: oraetlabora.wine

password: braevin

Remove the following ruleset from Design > Custom CSS.

.post-type-store-item:hover .grid-image {
  opacity: .6
}

Let us know how it goes.

@creedon That worked - however it removed the hover from my shop list page. Know any workarounds? I'm okay with a hover on the related products but just would like it to hover over one at a time instead of the whole block.

Quote

however it removed the hover from my shop list page. Know any workarounds?

Try the following.

.products.collection-content-wrapper .grid-item:hover .grid-image {

  opacity : 0.6;
  
  }

Let us know how it goes.

@creedon That worked - thank you!