Opacity image Category page

[alexander_jorda]

I would like to add some black opacity over all product images on the category page. How does this work?

[Bhanu Periwal]

Hi @alexander_jorda 

You need to override below phtml file first with your custom theme:

vendor/magento/module-product-video/view/frontend/templates/product/view/gallery.phtml

and add css with below less file for your customisation with design:

vendor/magento/magento2-base/lib/web/mage/gallery/gallery.less

It may help you to resolve issue.
If issue resolve, please click on 'Kudos' & Accept as Solution!

[alexander_jorda]

Thanks for sharing. I found by acceditent another option. I added watermarks over the images with an opacity of 10%