Can’t place a background image in next JS and Tailwind CSS

I’m stuck and can’t place the background image on my next JS app
Here is My Code
globals.css

    padding: 0 2rem;
    background-image: url(../public/images/landing-page-illustration.svg);
}
```
**index.js**
```import Head from 'next/head'
import Image from 'next/image'
import Navbar from '../components/navbar';
import styles from '../styles/Home.module.css'

export default function Home() {
  
  return (
    <div className={styles.container}>
      
       
      <Navbar/>
    </div>
  );
}