You’re pretty close, and it looks like you identified the problem when you red underlined what the image position is relative to: the section. To get it right aligned you need to have it relative to your 1350px container.
The issue is the 1350px container has a static position, and needs to have a relative position.
It’s just one of those weird positioning gotcha’s - if you look under the “positioning absolute” section of this documentation you will see the following:
position: absolute;
An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed).
However; if an absolute positioned element has no positioned ancestors, it uses the document body, and moves along with page scrolling.
Note: A “positioned” element is one whose position is anything except static .
