Какие существуют значения у свойства background-size?

auto, contain, cover, <length>, <percentage>.

• auto: Изображение сохраняет свои исходные пропорции.
• contain: Изменяет размер изображения, сохраняя пропорции, чтобы оно полностью поместилось внутри элемента.
• cover: Изменяет размер изображения, сохраняя пропорции, чтобы оно полностью покрыло элемент. Изображение может быть обрезано.
• <length>: Явно задает ширину и/или высоту изображения в единицах длины (например, px, em, rem). Можно задать одно или два значения.
• <percentage>: Явно задает ширину и/или высоту изображения в процентах от размера элемента. Можно задать одно или два значения.

Если задано одно значение, оно устанавливает ширину, а высота рассчитывается автоматически для сохранения пропорций. Если задано два значения, первое устанавливает ширину, а второе - высоту.