Stretch background image to edge of screen on half column

Dear people on the support forum,

I am wondering for a while if the following is possible:

I have a full-width website with a maximum content width of 1310px.
The header and content sections (color sections) are all 1310px wide.
I would like to create a layout with 2 columns, with text in the left column and an image in the right column. I want the text to align with the standard content width of teh entire website, but I want the image in the right column to stretch to the right edge of the screen. I have set the image as a background image but, naturally, it only stretches to the edge of the 1310px width.

I tried achieving this with a grid-row section, but then the text aligns to the left of the screen. I know I can set a left margin or padding to approximate the same alignment, but I don’t know how to align it exactly with the rest of the content sections.

Any help is highly appreciated.