Edit in JSFiddle

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
<style type="text/css">
	.st0{display:none;fill:#BF103C;
	
	}
	.st1{fill:#BF103C;
	
	}
</style>
<path id="a4" class="st0" d="M220,0c0,110.5-109.5,110-220,110s-220,0.5-220-110S-110.5-110,0-110S220-110.5,220,0z"/>
<path id="a3" class="st0" d="M200.1,0c0,110.5-89.6,200-200.1,200S-200,110.5-200,0s89.5-200,200-200S200.1-110.5,200.1,0z"/>
<path id="a2" class="st0" d="M110,0c0,110.5,0.5,220-110,220S-110,110.5-110,0s-0.5-220,110-220S110-110.5,110,0z"/>
<path id="a1" transform="translate(250, 250)" class="st1" d="M200.1,0c0,110.5-89.6,200-200.1,200S-200,110.5-200,0s89.5-200,200-200S200.1-110.5,200.1,0z"/>
<animate id="bounce" xlink:href="#a1" attributeType="xml"
		attributeName="d"
		begin="0"
		dur="2s"
		keyTimes="0;0.25;0.5;0.75;1"
		repeatCount="indefinite"
		values="M200.1,0c0,110.5-89.6,200-200.1,200S-200,110.5-200,0s89.5-200,200-200S200.1-110.5,200.1,0z;
				M110,0c0,110.5,0.5,220-110,220S-110,110.5-110,0s-0.5-220,110-220S110-110.5,110,0z;
				M200.1,0c0,110.5-89.6,200-200.1,200S-200,110.5-200,0s89.5-200,200-200S200.1-110.5,200.1,0z;
				M220,0c0,110.5-109.5,110-220,110s-220,0.5-220-110S-110.5-110,0-110S220-110.5,220,0z;
				M200.1,0c0,110.5-89.6,200-200.1,200S-200,110.5-200,0s89.5-200,200-200S200.1-110.5,200.1,0z"
    />
</svg>