CSS help for colour gradient for a shape

Hello,

Most of my CSS is working and when I hit a hurdle, google usually helps me fix it. 

I have inputted a rectangle shapes (for testimonials) and I'd like these shapes to have a gradient background just like I've got in other areas of the site, and like I've done with the Title text of this Testimonial section, however nothing is working. 

Can you please let me know what I'm missing? Here's what I've tried for the left rectangle

#block-e46d08f8c549644763be
{
  background-color: #000000;
  background-image: linear-gradient(to right, #916437, #C19255, #E8C784) !important;
}
#block-e46d08f8c549644763be
{
    background: linear-gradient(to right, #916437, #C19255, #E8C784) !important;
}
#block-e46d08f8c549644763be
{
    background: transparent !important;
}

Thanks in advance

can you try this 
 

#block-e46d08f8c549644763be {
  background: linear-gradient(to right, #916437, #C19255, #E8C784) !important;
  /* You can adjust the direction and colors of the gradient as needed */
}

Unfortunately, this has made no difference. Thanks for your time trying though. I believe it may be the site style colour hiding he css code? However it is my understanding that !important should prioritise the css over the generic site styles.

can you provide me your site url ?

Try this

div#block-yui_3_17_2_1_1719440439729_62811 {
    background-image: linear-gradient(to right, #916437, #C19255, #E8C784) !important;
}