How to set the background size in CSS to cover + a few percent?

Question

JavaScript

There is a block with background-color, when you hover over any part of the block, you need to zoom in on the image.
Due to the fact that the image format can be different, sometimes the image leaves blank fields.
So far the only option has been to use 100% 100% unhovered and 115% 115% hovered, but that distorts the images.

Answer 1

https://ru.wikipedia.org/wiki/Percentage

x = x * 0.9 //оставить 90%, то есть по сути отнять 10%
x = x - 0.1 * x //от х отнять 10%

In any way possible. The main thing is to understand what interest is in fact.

Answer 2

Try it with transform: scale(); play around

Answer 3

:hover {
transform: scale(1.15, 1.15);
}