how to add background image in tailwind css

1  module.exports = {
2    theme: {
3      extend: {
4        backgroundImage: theme => ({
5         'hero-pattern': "url('/img/hero-pattern.svg')",
6         'footer-texture': "url('/img/footer-texture.png')",
7        })
8      }
9    }
10  }

1  // tailwind.config.js
2  module.exports = {
3    theme: {
4      extend: {
5        backgroundImage: theme => ({
6+         'hero-pattern': "url('/img/hero-pattern.svg')",
7+         'footer-texture': "url('/img/footer-texture.png')",
8        })
9      }
10    }
11  }