The WordPress I use only support two shade of gradient and I wanted to use this gradient.

background: linear-gradient(144deg, rgba(58,95,180,1) 0%, rgba(29,127,253,1) 34%, rgba(90,45,253,0.5074404761904762) 68%, rgba(69,211,252,0.6502976190476191) 100%);

I added a id called #multiple-gradient . I'm curious on how can I change this gradient to multiple gradient just like above http://prntscr.com/pecexp

I tried to use

#multiple-gradient.et_pb_section {
background-image: linear-gradient(144deg, rgba(58,95,180,1) 0%, rgba(29,127,253,1) 34%, rgba(90,45,253,0.5074404761904762) 68%, rgba(69,211,252,0.6502976190476191) 100%);

}

But the image is gone.. What I really want is everytime I add ID called #multiple-gradient in every section, I wanted to use this gradient instead.

background: linear-gradient(144deg, rgba(58,95,180,1) 0%, rgba(29,127,253,1) 34%, rgba(90,45,253,0.5074404761904762) 68%, rgba(69,211,252,0.6502976190476191) 100%);

Here's the site: http://getrefinanced.com.au/

Should I use a jQuery? What I want is to only replace the gradient, I don't want to lose the image. Here's the code:

div.et_pb_section.et_pb_section_0 {
    background-position: top center;
    background-image: linear-gradient(123deg,rgba(43,135,218,0.73) 29%,rgba(12,113,195,0.5) 100%),url(http://getrefinanced.com.au/wp-content/uploads/2018/05/hiring-a-mortgage-broker.jpg)!important;
}