Sergey Mukhin

`background-size`. Он есть в твоём списке.
Тут с примерами https://doka.guide/css/background-size/

Размеры в браузере будут /2 по отношению к разрешению (при стандартной настройке).
Я не думаю что здесь нужно что-то специально тестировать.

Скрин как раз с MacBook 13 c Retina разрешением:


А вот с изображениями уже можно поработать.

Нужно чтобы изображение всегда было от левого края до правого, а высота пропорционально изменялась?
Придётся высоту блока высчитывать и изменять через js.
Или используйте img с width: 100% как подкладку.

Но тут всегда будут противоречия, нужно решить что в приоритете для размера блока по высоте: изображение или другое его содержимое.