Removing image opacity while hovering over an image creates a cleaner and more modern look, as overly opaque images can feel dated and cluttered. It allows users to see the full image without any obstructions, quite important when showcasing a product or service.
How to Remove Image Opacity on Hover
In Shopify admin, click on Online Store to reveal themes.
Select your Debutify Shopify theme and click Customize.
Click on the Theme Settings icon.
Click on Custom Style/Script (Custom CSS).
Add the following CSS.
Click Save to apply the changes.