cover
Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain
Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.
проценты
Задаёт размер фоновой картинки в процентах от ширины или высоты элемента.
background-size: 100%
Фон займет весь блок, но пропорции исказятся.
И, как обычно, против геометрии не попрешь.
Решения:
- заранее готовить изображения такими, чтобы они хорошо смотрелись при cover.
- использовать media и при разных размерах или ориентации показывать разные изображения
