Neos Fusion wrap SVG to make it responsive in IE's

WrapSvg.fusion

prototype(Vendor.Package:WrapSvg) < prototype(Fusion:Tag) {
    sizes = ${String.pregMatch(value, '/viewBox="(\d+) (\d+) (\d+) (\d+)"/i')}
    width = ${this.sizes[3] - this.sizes[1]}
    height = ${this.sizes[4] - this.sizes[2]}
    ratio = ${this.height / this.width * 100}
    @context.ratio = ${this.ratio}

    tagName = 'div'
    attributes {
        class = 'svg-wrap'
        style = ${'padding-bottom: ' + ratio + '%;'}
    }
    content = ${value}
}

WrapSvg.scss

.svg-wrap {
	width: 100%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;

	svg {
		position: absolute;
	}
}