title: how to override main containers max-width using css
body: <p>I'm working on a wordpress blog template, which has a main container:</p>
  
  <pre><code>.container {
      width: 100%;
      max-width: 1040px;
  </code></pre>
  
  <p>On one page I need to have an image, that will be a full size background image: 100% of available width. But no matter what I do, I can't get the image to go outside of the template main container (1040px). Any ideas?</p>