Summary block taking header image

Site URL: https://merakigold.com/shop1

Changed header image but now summary blocks are taking on header background image.  Not sure why

header{
  background-image: url(https://static1.squarespace.com/static/58a5f6b2b3db2b9edd1b860a/t/61de4e9c5ff22c31b54aeec6/1641959068890/2Header+Pymt+logo.png) !important;
    background-size: contain;
    background-position: center
    center;
    background-repeat: no-repeat !important;
}

the class name "header" appears in both: Header, Summary Header, Blog Meta Info

If you use above code, it will impact both header, summary, blog info.

Use this new code

header.Header {
  background-image: url(https://static1.squarespace.com/static/58a5f6b2b3db2b9edd1b860a/t/61de4e9c5ff22c31b54aeec6/1641959068890/2Header+Pymt+logo.png) !important;
    background-size: contain;
    background-position: center
    center;
    background-repeat: no-repeat !important;
}