jquery - SVG scaling animation -

I managed to work a mask, but a simple thing does not work yet. When you click on the logo with the GIF behind it, then SVG-related parents do not cheat with the DIV, which is animated with jquery, it should always stand up to 100% of the parent DIV in the width and height.

You will see what I mean when you change the viewport size, then it will show how to do it. <

For an SVG scale, it should View Box is the attribute that your logo is not SVG (inlineated one).

Since all the dimension percent values ​​in your inline SVG are actually what exactly does the visual box value do I actually use values ​​from your mask SVG:

  & Lt; Svg viewbox = "0 0 820 820" & gt;