Javascript Mirror html object

Basically I have html with variables

html = `<div>${product.id}<img src="${product.src}"/></div>`

then I update the dom simply with

document.querySelector('.container').innerHTML = html;

so far so good, problem is the html contains images and everytime I update, the page flickers, I was thinking if there was a more unintrusive method to only update the changed values