Możesz obrazek ustawić jako background np. dla div-a i użyć ::after dla ustawienia gradnientu nad obrazkiem.
[ on-line ]
div::after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-image: linear-gradient(to right, transparent 15%, limegreen 55%);
}