Sergey Mukhin

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

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

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


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

Простейший путь использовать шаблонизатор. К примеру pug. Выглядит примерно так (слева части, справа результат):