How can I position text to overlap an image?

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-jamxe

Hello, is it possible to overlap text over an image? For example, in image 1, I want to bring down the large header text so that it overlaps the image below as in image 2.

Please help me!

Page = https://bluebird-porcupine-yzdg.squarespace.com/home-jamxe

Pword = bluebird

Thank you!

Maybe something like this:

#block-yui_3_17_2_1_1615977006976_33050 h1 {
    position: absolute;
    z-index: 9;
}

The position and the z-index will work, it's targeting that specific h1 that might be tricky. Hope that works

Hey isensmith awesome fix thank you!!

I'll tweak the font color, but is there anyway to move the h1 text up a little so the 'HOODIES' text is away from the top line of the image?

I'm aiming more for the 2nd attached image.

Thank you!

On 3/18/2021 at 4:04 PM, scholarsayze said:

Hey isensmith awesome fix thank you!!

I'll tweak the font color, but is there anyway to move the h1 text up a little so the 'HOODIES' text is away from the top line of the image?

I'm aiming more for the 2nd attached image.

Thank you!

Use this code

#block-yui_3_17_2_1_1615977006976_33050 h1 {
    position: absolute;
    z-index: 9;
    top: -10px;
}

Superb! Thanks Tuanphan, that fixed that 💯