header

hello, theres a way to make the header stop changing color from white to grey in scrolled-header?
a set of images of what im talking about: https://imgur.com/a/7R2QHni

my site: http://novo.strokmatic.com/

just remebering my lastest modifications in this component:

/*header-custom BG*/
#top .av_header_transparency .header_bg {
opacity: 1;
filter: alpha(opacity=100);
}

html.html_header_transparency #top #header:not(.av_header_transparency) .header_bg {
background-color: rgba(0,0,0,0.7) !important;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}

html.html_header_transparency #top .av_header_transparency .header_bg {
background-color: rgba(0,0,0,0.4) !important;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}

/*no lines at Header*/
#top .avia-menu.av_menu_icon_beside {
border: none !important;
}

/*in case the header is solid logo goes blue*/
html:not(.html_header_transparency) #header .logo svg path {
fill: #173F6B !important;
}