title: Background Image with opacity in tailwindcss
body: <p>I am trying to recreate a project from vanilla CSS to tailwindcss. But I tried a lot of options and failed badly.</p>
  <p>This is the CSS code:</p>
  <pre><code>header {
      background: linear-gradient(rgba(135, 80, 156, 0.9), rgba(135, 80, 156, 0.9)), url(img/hero-bg.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      background-attachment: fixed;
      position: relative;
  }
  </code></pre>
  <p>Can anyone transform this code to the equivalent tailwindcss code?</p>