Text being transparent..

i think you could try using background-blend-mode instead of opacity on the elements you want to change. for instance:

<style>

.blurbs {background-image: url(ur image link); background-color: #0009; background-blend-mode: multiply;}

</style>

you can change the 9 to any lower number if you want to change the opacity. lower number is less opaque, higher number is more opaque. you can also change the first 3 numbers if you want a different (basic) color to blend with, but i think #000 (black) works best in this case. and if you end up wanting to use a 6-digit hex code, you'll have to use the rgb values instead to add the opacity.