Частичный градиент для &lt;img&gt;
Ну могу предложить не самый лучший вариант, скорее даже глупый.
наложить слой с пнг (градиент с прозрачным фоном) поверх слоя этой картинки.

CSS z-index и все.
картинка с градиентом нужной тебе ширины высотой в 1 пиксель.
Повторяешь его по оси игрек.
При помощи CSS можно использовать свойство mask в паре с SVG. Примеры и описания: developer.mozilla.org/En/Applying_SVG_effects_to_HTML_content