Pequeña corrección
Oye Alvaro: En la explicación que das en el video sobre background-origin. Apuntas con el mouse la esquina exterior del lado superior izquierdo del borde y en las notas oficiales que están aquí mismo incluidas, se afirma que el valor predeterminado de background-origin es border-box. Pero en las notas oficiales de MDN dice que el valor predeterminado (initial value) es padding-box. Ósea, la esquina superior izquierda del padding o en otras palabras la esquina interior del lado superior izquierdo del borde.
Aqui les dejo la liga: https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin
