В чем проблема? Просто задаете background-image отдельным свойством а не в общем свойстве background, затем по hover На родителе меняете во всех дивах background-image, никакого js не надо, вот пример, но я меняю цвет фона, просто суть
<style>
.p{
padding: 20px;
border: 1px solid red;
}
.p:hover .c1, .p:hover .c2{
background-color: red;
}
.c{
background-color:green;
padding:20px;
margin-bottom: 10px;
}
</style>
<div class = "p">
<div class = "c c1"></div>
<div class = "c c2"></div>
</div>
И нельзя внутрь строковых элементов вкладывать блоки