How do I blur the background of a header in CSS?

Looking for my skills and experience then please visit to about us page.

.header {
     background: linear-gradient(180deg,#fff 0,rgba(255,255,255,0.15) 100%);
     backdrop-filter: saturate(100%) blur(5px);
}