Solution: How to set the background image start from the upper left corner of the content?

No background-origin (padding-box is default):

Background image origin

The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.

background-origin: border-box:

Background image origin

The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.

background-origin: content-box:

Background image origin

The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.