Как сделать синхронную подгрузку фоновой картинки при ajax-запросе?
Самое простое где-то на странице сделать тег img с нулевыми размерами и заранее загрузить картинку в него. Так как цвет меняется в нужное время, значит класс применяется корректно, проблема только в поздней загрузке картинки
Так есть link preload<link rel="preload" href="image.jpg" as="image">
<!-- Можно с брейкпоинтом -->
<link rel="preload" href="image.jpg" as="image" media="(min-width: 1024px)">