JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1224 1584" width="1224" height="1584">
		<image id="image3b" width="1224" height="1584" xlink:href="http://flipbook.medgeclients.com/3/images/page3b.jpg"></image>
		<a xlink:href="javascript:showModal('integrity');">
			<rect x="75" y="525" fill="#FFF" opacity="0" width="265" height="60" />
		</a>
	</svg>

CSS

svg {
  border: 1px solid blue;
  max-width:100%;
  height: auto;
}

.small {
  width: 50px;
  height: 50px;
}

JavaScript

$(function() {
  $('svg.small *').each(function() {
    var me = $(this);
    me.parent().attr('height', '50px');
    me.parent().attr('width', '50px');
  })
})