how to tackle this half/half look

[chaosagent]

Hi,

I am very (very!) new to this, so apologies if the answer is painfully simple and I'm missing 90% of the lingo

Maybe you can direct me a bit which way would be best to approach this.
I am trying to achieve something where the right half of the page is a full bleed image, and the left half is scrolling text. I want the image to be different on each page. I've tried:

-set a sticky image and use browser height as row height. This is what it's currently set to here, but it doesn‘t adjust responsively to always fill the right half completely:
http://friedrich-praxis.de/sample-page/
I'm assuming tweaking the css class of that image would fix it, but how?

-I've tried the cover feature, but I don't want the image to disappear. Is the a way to make the overlaying parts transparent?

-The whole split website thing seems a bit overkill when I only want the right half to be an image, but is that the way to go?

Thanks in advance

[arminunruh]

ok!

on a new page, in the gridder set frame top to 0

create an empty row at the top.
right click → set right row image background (set your image here)
right click the row → use browser height for row height
right click the row → set html class and id

for class enter:
fixedrow

Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop":

.fixedrow{
    position: fixed;
    width: 100%;
    top 0;
    left: 0;
    pointer-events: none;
}

now create as many rows as you like below this row with texts on the left half.
the very first text, right click it, set a space top.

[chaosagent]

that worked so smooth and was so easy!! Thank you so much, I really appreciate it!!