do an independent container for svg with margin around to push text lines aside from right edge and bottom edge of svg and center svg inside itself. text should still wrap all svg from right and bottom:


"""

<div style="width: 100%;"><svg style="float: left; margin-right: 10px; width: 134.21773px; height: 67.10886px;" viewBox="0 0 134.21773 67.10886"><defs><radialGradient r="80%" cy="35%" cx="65%" id="bodyGradientSubtle"><stop stop-opacity="0.9" stop-color="#ffdfba" offset="0%"></stop><stop stop-opacity="0.9" stop-color="#ffb3ba" offset="100%"></stop></radialGradient><radialGradient r="100%" cy="35%" cx="65%" id="areolaGradientSubtle"><stop stop-color="#ffdfba" offset="0%"></stop><stop stop-color="#ffb3ba" offset="100%"></stop></radialGradient><radialGradient r="30%" cy="20%" cx="80%" id="highlightGradient1"><stop stop-color="rgba(255,255,255,0.6)" offset="0%"></stop><stop stop-color="rgba(255,255,255,0)" offset="100%"></stop></radialGradient><radialGradient cx="70%" r="60%" cy="20%" id="highlightGradient2"><stop offset="100%" stop-color="rgba(255,255,255,0)"></stop><stop offset="100%" stop-color="rgba(5,5,5,0.1)"></stop></radialGradient></defs><rect width="134.21773" height="67.10886" fill="url(#bodyGradientSubtle)"></rect><g class="orb1_subtle" transform="translate(0, 0)" style="animation: combinedBounce1 0.5s infinite linear;"><circle cx="41.94304" cy="33.55443" r="25.16582" fill="url(#areolaGradientSubtle)"></circle><ellipse cx="41.94304" cy="53.68709" rx="25.16582" ry="5.033165" fill="none"></ellipse><circle cx="33.55443" cy="23.4881" r="13.42177" fill="url(#highlightGradient1)"></circle><circle cx="36.90908" cy="41.94304" r="20.97152" fill="url(#highlightGradient2)"></circle><g class="center1_subtle" style="animation: combinedBounceShade1 0.5s infinite linear;"><circle cx="41.94304" cy="48.63427" r="5.033165" fill="#e07b79"></circle><circle cx="41.94304" cy="48.63427" r="2.013266" fill="#d44a44"></circle></g></g><g class="orb2_subtle" transform="translate(0, 0)" style="animation: combinedBounce2 0.5s infinite linear;"><circle cx="92.27469" cy="33.55443" r="25.16582" fill="url(#areolaGradientSubtle)"></circle><ellipse cx="92.27469" cy="53.68709" rx="25.16582" ry="5.033165" fill="none"></ellipse><circle cx="83.88608" cy="23.4881" r="13.42177" fill="url(#highlightGradient1)"></circle><circle cx="87.24173" cy="41.94304" r="20.97152" fill="url(#highlightGradient2)"></circle><g class="center2_subtle" style="animation: combinedBounceShade2 0.5s infinite linear;"><circle cx="92.27469" cy="48.63427" r="5.033165" fill="#e07b79"></circle><circle cx="92.27469" cy="48.63427" r="2.013266" fill="#d44a44"></circle></g></g><style>@keyframes combinedBounce1 {0% { transform: translate(0px, 0px); } 25% { transform: translate(-5.033165px, -10.06633px); } 50% { transform: translate(5.033165px, -20.13266px); } 75% { transform: translate(-5.033165px, -10.06633px); } 100% { transform: translate(0px, 0px); }}@keyframes combinedBounce2 {0% { transform: translate(0px, 0px); } 25% { transform: translate(5.033165px, -10.06633px); } 50% { transform: translate(-5.033165px, -20.13266px); } 75% { transform: translate(5.033165px, -10.06633px); } 100% { transform: translate(0px, 0px); }}@keyframes combinedBounceShade1 {0% { transform: translateY(0px); } 50% { transform: translateY(-16.777216px); } 100% { transform: translateY(0px); }}@keyframes combinedBounceShade2 {0% { transform: translateY(0px); } 50% { transform: translateY(-16.777216px); } 100% { transform: translateY(0px); }}</style></svg><div style="font-size: 18px; color: #effeee;"><p>(gen here a story)</p></div></div>


""".


Present the SVG without code block tags for direct rendering.

Provide as a single, unformatted string for direct embedding and viewing.