Относительный URL-адрес CSS для изображений

Я разрабатываю на моем локальном хосте - http: // localhost / mysite , и в нем у меня следующая структура каталогов:

-assets
--css
---styles.css
--images
---background.png

В файле styles.css у меня было бы что-то вроде следующего, которое отлично работает на localhost

background-image: url(../images/background.png);

Однако рабочий сервер работает с субдоменом - http://test.liveserver.com . Это означает, что правило css должно быть изменено следующим образом:

background-image: url(/assets/images/loginlogo.png); 

Не уверены, как лучше всего обойти это?