Верстка интерактивной мозайки в HTML?
В вашем случае разумнее обойтись вообще без второй картинки. 
При hover картинка делается полупрозрачной, цвет обертки - синий нужного оттенка.
https://jsfiddle.net/zexdvc6a/
Синий поставила самый простецкий, для примера. Подберите свой и прозрачность.
Сделать спрайт из картинок, или записать их в css через base64, например