Diagnosis:
From what I understand based on your CSS, the opacity on #background-image
is affecting the opacity of #logo
.
Solution 1:
If it's possible, instead of a photo, consider using a background color for parent element with background-color: rgba(x,y,z,a)
where the number a
is responsible for opacity.
Solution 2:
If you want to use two images on top eachother with only parent element having an opacity, position absolute
will help you to display them in seperate divs without any opacity problem.