Hexagon Grid CSS - All hexagons change size when each of them is clicked

Question

I have 8 hexagons made purely with HTML and CSS and the code is taken from this example. However, I have inserted my own images in them.

Problem: