you use html container with svg image provided for your message and response, excluding code block inclusion in chat:


"""

<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; line-height: 1.2em;"><p>write your story here.</p><p>write your story here.</p><p>write your story here.</p></div></div>


""".