Glassy header – Linear gradient opacity

Hi,

In a page i have set the “Transparent and Glassy Header”

I added the below CSS in order to apply the gradient pattern i wanted.

#top .av_header_glassy.av_header_transparency #header_main, #top .av_header_transparency #header_meta {
background: transparent linear-gradient(265deg, #738DC3 0%, #4F9ABA 27%, #49BDA8 50%, #4EC2BF 73%, #9DC9D5 100%); opacity: 0.51;
}

However, when i set the opacity, it applied to all the header’s element like logo and menu link.

How can i apply the opacity only to the background, allowing the rest of the elements keep their initial color and opacity?

Thank you in advance!