I am creating a theme using Magento 2.2, inheriting from Magento/blank.

All the CSS, JS etc. is loading correctly, but some of my images aren’t displaying.

I’ve made an accordion which contains an unordered list inside a custom .phtml file, which is referenced by Magento_Theme/layout/cms_index_index.xml and then I applied a separate background image to each li member using a custom .less file in Magento_Theme/web/css/accordion.less, this file also contains the functional elements of the accordion and is also referenced by Magento_Theme/layout/cms_index_index.xml.

I’m building locally and uploading/replacing files in the theme folders, so I’m clearing the caches and deploying content regularly. I’ve also performed the procedures which ensure proper file ownership semi-regularly.

I can see in the ‘network’ section of my web browser’s developer toolbar that the images are being retrieved from their proper location and they are being applied as backgrounds to the li elements. They simply will not display graphically.

All the code was copied from a working example that I created for another site which does not run magento, so I know that Magento is interfering somewhere.