title: Background image in nextjs using stylejsx
body: <p>i'm quite confused with NextJS and background property.</p>
  
  <p>in a component, i want to make a hero section but i don't find how to use it in style jsx. </p>
  
  <p>My component : </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const homeTitle = () =&gt; (
      &lt;div className="home_title"&gt;
      &lt;p&gt;My title&lt;/p&gt;
      &lt;h1&gt;something else &lt;/h1&gt;
      
      &lt;style jsx&gt;{`
      .home_title{
          text-align: center;
          background: url(/public/background.jpg) no-repeat;
          height: 100%;
          width: 100%;
      }
      `}&lt;/style&gt;
      &lt;/div&gt;
  );
  
  export default homeTitle;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've tried to install and set next-images, and configure in next.config.js like this :</p>
  
  <pre><code>// next.config.js
  const withImages = require('next-images')
  module.exports = withImages()
  </code></pre>
  
  <p>i also tried to use require in the image url...</p>
  
  <p>how could i use background image in next js ? </p>
  
  <p>Thanks for your help</p>