Como diminuir a opacidade de uma background-image?

Boa noite, gostaria de saber como eu tiro a opacidade de uma backgound-image. Ja tentei de todos os jeitos que conheço, mas nao diminui, os codigos html e css são esses:

<div class="esquerdo">
<h1 class="legenda">Pizzaria Italianíssima</h1>
<sub class=" legenda">A verdadeira pizza italiana</sub>
</div>

.esquerdo{

background-image: url(Gerson.jpeg);
background-repeat: no-repeat;
background-position: center;
text-align: center;
color: black;
font-family: 'Poppins', sans-serif;
align-items: start;
flex-direction: column;