Tabs inside of an image instead of above it

Hi guys,

First of all, i’m using spectra container + spectra tabs blocks here.

I’m making an offline website just to practice and get better but I can’t find a way to deal with the issue im having right now. It looks like this :

https://i.postimg.cc/hDYKtn8N/reddit.png

So i have a different background photo and description for each tab, and that works fine. The problem is that I have no idea how to set the tabs to be inside of the background photo, on the top part of it instead of above it. Well, chapgpt couldn’t help me so I’m asking here, i hope i’ve explained it well. I’ve tried changing padding and margin + z-index but then those 2 rows of tabs get overlapped. I bet this is a very novice problem but I’d really like somebody to explain me how to solve it <3 Thanks in advance