How to work effects on parts of an image?

I want to map an image, dividing it into 'n' equal parts, and apply zoom effects as you hover over each part. Home A practical example would be to divide a 100x100 image into 4 equal parts of 25x25 size. Each of these parts, when the mouse is superimposed, will increase slightly in size. This last part I know how to do, but I do not have a good idea on how to split the image. I was thinking of using JS, but I did not find anything very specific. From what I've seen, in general, I use the tag <map> , but I do not see a way to manipulate this massively and generically.