Is it better to change a background image on a responsive site with javascript or css with media queries : <p>Working within the confines of our very large scale cms we have come across several instances where we need to set the background images of certain divs from within a content item for maintenance purposes. What this means is we can not put the background-image elements into the main css. There are 2 versions of every background image - mobile and desktop. The solutions we can do are either to write a  block into the page and put the css there using @media queries, or to add the background image paths into data-background-sm/ data-background-lg attributes and use javascript to swap them at breakpoints.</p>

<p>What are peoples opinion on which is faster/better/more 'acceptable'?</p>
