В чем разница между ключевыми словами auto и contain в свойстве background-size?

Разница между ключевыми словами auto и contain в свойстве background-size заключается в следующем:

1. auto. doka.guide code.mu Если задано одновременно для ширины и высоты, размеры фона остаются исходными. htmlbook.ru Если только для одной стороны картинки, то размер вычисляется автоматически исходя из пропорций картинки. htmlbook.ru
2. contain. doka.guide code.mu Изображение масштабируется с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока. htmlbook.ru При этом она может занять или всю ширину, или всю высоту (зависит от пропорций картинки и от размеров элемента). code.mu

Таким образом, auto устанавливает фоновое изображение в исходном размере, а contain изменяет размер фонового изображения, чтобы оно было полностью видно внутри контейнера. www.geeksforgeeks.org