<svg id="heart" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 273.84 231.2">
    
  <path class="shape" id="shape" d="M76.63,20.09s32.26-40.82,51.2,3.61S66.48,97,66.48,97,10.55,57.76,18.22,29.77C26.44-.19,57.46-10.81,76.63,20.09Z" transform="translate(-17 -0.99)"/>
  
  <text font-family="arial" font-size="14" fill="#fff">
        <textPath xlink:href="#shape">I LOVE YOU! I LOVE YOU! I LOVE YOU! I LOVE YOU! I LOVE YOU!</textPath>
      
        <animate attributeName="font-size" dur="12s" values="2;11" repeatCount="indefinite"></animate>
    </text>
</svg>
  
  

body {
   background-color:#ce4257;   
}

.shape {
  fill: none;
  stroke: none;
  
}
#heart {
  position: relative;
  width: 180vh;
  top: 100px;
  left:40%;    
  overflow: visible;
}

text {
  text-shadow: 5px 5px 1px rgba(0,0,0,1);
}