Opacity can make an image (semi)transparent, but it affect the text as well, and so the readibility can be difficult. You can see the following example.
your text here
To fix this, you can use the this code background: rgba(0, 0, 0, 0.5);
your text here