I search for a solution which preserves the ratio between both svg´s while having both images in a “fixed frame”.
The following example shows how the left person “gets bigger” since the svg is smaller than the svg from the right person and can grow more inside the fxied frame (
max-width and max-height 100%) like this
I can´t change the svg files (i.e. the viewbox) since they are loaded on a canvas and working right there.
This two SVGs are just an example, there are a lot of other SVGs with different sizes and ratios between each other.
I prepared a Fiddle to play around and try possible solutions: https://jsfiddle.net/e6hs4w3s/