How to layout images to the edge of the screen on one side?

Question

Layout

Good afternoon!
I'll warn you right away - I'm a teapot.
The question is:
There is a site with a 1000 px content block. All content is placed inside this block except for one picture.
The picture starts from the 601st pixel of the block and goes to the very end of the screen to the right, i.e. leaving the main block with content.
The picture itself in psd is quite large, about 3000 px.
How to make it right?
If you do through then scrolling appears at lower resolutions. If you remove scrolling through overflow for the body, then on mobile devices (due to the non-adaptive layout) only a narrow strip of content will be shown.
If you enter a block outside the main content and do it through the background, then it is not clear how to make this background start exactly from the 601st pixel and it all does not move at different resolutions.
The best I could think of was to go through background and add a 3200px wide white background to the image itself on the left and then the image starts perfectly in the right place, there is no scrolling and everything is perfect when the screen changes. But I think that such additions of a white background are crutches. I ask for advice from the pros on how to make images that go to the edge of the screen and exactly on one side, and not symmetrical on both sides

Answer 1

You can nest the container in a block with the width of the entire screen and position the block with the image absolutely relative to it.