Turn off hover on product image when on store page

I have googled this but get answer from 2020 and 2021 that do not work. I simply want to remove the hover effect on the product images when on the store page. It is distracting. I cannot find the exact selector to add pointer: none. Than you

If you share link to store page, we can help easier

On 8/22/2023 at 11:07 AM, tuanphan said:

If you share link to store page, we can help easier

https://www.therum.company/shop

I need this too. I have a filter, but it's secretly loading all the lifestyles, not just the one for hover - terrible for SEO.

Cheers

Tom

You can use this code to Website > Website Tools > Custom CSS

img.grid-item-image.grid-image-cover {
    opacity: 1 !important;
}
img.grid-item-image.grid-item-additional-image {
    opacity: 0 !important;
}
img.grid-item-image.grid-image-hover {
    opacity: 0 !important;
}