Add and customize gradients

I need gradients added to 35 banner images for the homepage. For each image, add a left-to-right gradient overlay that fades from opaque brand blue at 70% to transparent over 40% of the frame, adjust blend mode so text placed on the right remains readable, and fine-tune opacity per image so shadow detail is preserved. Save layered PSDs and export web-optimized PNGs.

Before I hand these banners to content, make the gradient make the headline readable without hiding product detail. Bring the color stop closer to the left for darker images, nudge the midpoint so faces aren’t lost, and add a soft mask where gradients clash with highlights. Flag banners where a gradient would obscure key product elements and propose alternate placement or lighter opacity.

I just applied our brand left-to-right gradient at 70% opacity across three banners and two headlines are now unreadable in the mockup. The audience is marketing, who will reject anything that hurts legibility. I’m unsure whether to lower opacity, change blend mode, or move the gradient stop. What’s the most likely fix that preserves the brand color and restores headline contrast quickly?

On every campaign I deliver gradients that art direction later tweaks for legibility, costing multiple revision rounds. I can’t settle on a starting opacity, blend mode, or mask rule that passes first review. What practical rule set or habit should I adopt so my first gradient pass is accepted most of the time and reduces back-and-forth with marketing?