Mettre une opacity sur un background-image

Bonjour,

Svp comment mettre une couleur en opacity sur un background ?
j'ai essai comme ceci mais rien n'y est fait, l'image n'apparait pas:

<div class="row parent" style="background-color:red; opacity: 0.1;">
       <div class="enfant" style="background-image: url('img/bloc1.png'); background-repeat: no-repeat; background-size: 100% auto; height: 598px;">
      </div>
    </div>

Voici le rendu et l'image n'apparait pas :