title: Override linear gradient CSS attribute
body: <p>I have the following class definition:</p>
  
  <pre><code>height: 99px;
  width: 961px;
  padding-top: 40px;
  font-size: 15px;
  color: rgb(255, 255, 255);
  background: no-repeat url(data:image/png;base64,h64GFj4fhffGFHJJ74fhf);
  </code></pre>
  
  <p>However, the site's javascript (which I can't influence) is adding a <code>linear-gradient</code> property to the background:  </p>
  
  <pre><code>height: 99px;
  width: 961px;
  padding-top: 40px;
  font-size: 15px;
  color: rgb(255, 255, 255);
  background: linear-gradient(rgba(0, 153, 204, 0.701961) 0%, rgba(0, 153, 204, 0.701961) 100%) no-repeat, url(data:image/png;base64,h64GFj4fhffGFHJJ74fhf);
  </code></pre>
  
  <p>Now, without javascript, only through CSS, how can I override property, as in: nullify its effect?</p>
  
  <p>I googled it and what I found is adding <code>filter: none !important;</code> to my original class definition, but that doesn't work.
  Other suggestions include adding <code>background-image: none</code>, but I want to keep my background image.</p>