How to code a gradient in one section and spills over to the other section in CSS

Site: https://www.uarizonasme.com/

Password: squash

I'm trying to apply a code to the CSS so I can get a gradient between two different colors: #049c4c and #043c64. (I'm using verion 7.1). This is the code I have so far: 

section, section .section-background, #header {
  background-color: #043c64 !important; 
}
.bright-inverse:not(.has-background) .section-background {
  background: #049c4c;
}

The code is applying to all the sections (not including the header), but I just want apply the gradient between these two sections:

Change this code

.bright-inverse:not(.has-background) .section-background {
  background: #049c4c;
}

to 2 section id

sectionid1, sectionid2 {
  background: #049c4c;
}

This is section id

@tuanphan i made the corrections, but it does not do what i want exactly. where did i go wrong?

my code is:

section, section .section-background, #header {
  background-color: #043c64 !important; 
}
section[data-section-id="64aeeb5a21058b1d524bf2c5"], section[data-section-id="64aeeb5a21058b1d524bf2c8"] {
  background: #049c4c;
}

Change first code to

section, section .section-background, #header, .section-border {
  background-color: transparent !important; 
}

If it still doesn' work, please share link to page in screenshot, we can check easier