first Container:
second Container:
Image left:
Image centered:
I’m surprised no one has anything to say about this.
Not sure what you are asking / commenting on? 
I am sorry for my poor english.
Normally the pic should always be centered. This is true if you use px as width. If you use % as size, the pic jumps to the left.
The question is: Is this normal?
Absolutely no need to apologise. 
I asked ChatGPT and it suggested using a flex to contain the image instead of your second container.
So I setup a test project and set the Flexbox settings to this:
I was then able to set the image width as a percentage or pixels and the image stayed in the center.
So I have learnt something today! 
2 Likes