картинка от этого прозрачной не стала )
text text text text text text text text text text text text text text text
<br>text text text text text text text text text text text text text text text
<br>text text text text text text text text text text text text text text text
<div style="position: absolute; top: 16px; width: 336px; height: 76px; background: linear-gradient(to right, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 50%), url(https://javascript.ru/forum/images/ca_serenity/misc/logo.gif);"></div>
можно сделать из двух дивов, для них выставить opacity сколько надо