Hi is there a way I can use Image as background image.

<main>
        <Image
            src={bgImage}
            alt='coming image'
            placeholder='blur'
            fill
            sizes="100vw"
            style={{
                objectFit: 'cover'
            }}
        />
        <div>
            <h2>Home Page</h2>
            <button>Some button</button>
            <LogoComponent />
        </div>
    </main>

Here I want the Image to be a background image while the h2, button ... to be on top of the background image.