<svg xmlns=“http://www.w3.org/2000/svg” viewBox=“0 0 520 200” width=“100%” height=“100%”> <defs> <style> .message-text { font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif; font-size: 21px; letter-spacing: -0.4px; } .bubble-gray { fill: #E5E5EA; } .bubble-blue { fill: #007AFF; } .text-dark { fill: #000000; } .text-light { fill: #FFFFFF; } </style> </defs>

<path class="bubble-gray" d="M 67 20 
         L 275 20 
         A 22 22 0 0 1 297 42 
         A 22 22 0 0 1 275 64 
         L 45 64 
         C 45 64 35 64 31 70 
         C 37 62 43 54 45 42 
         A 22 22 0 0 1 67 20 Z" />
<text class="message-text text-dark" x="63" y="49">My half brother is 6'3</text>

<path class="bubble-blue" d="M 412 75 
         L 458 75 
         A 22 22 0 0 1 480 97 
         L 480 111 
         A 8 8 0 0 1 472 119 
         L 412 119 
         A 22 22 0 0 1 390 97 
         A 22 22 0 0 1 412 75 Z" />
<text class="message-text text-light" x="435" y="104" text-anchor="middle">Christ</text>

<path class="bubble-blue" d="M 150 124 
         L 472 124 
         A 8 8 0 0 1 480 132 
         L 480 146 
         C 482 158 488 168 492 174 
         C 488 168 480 168 480 168 
         L 150 168 
         A 22 22 0 0 1 128 146 
         A 22 22 0 0 1 150 124 Z" />
<text class="message-text text-light" x="146" y="153">Imagine if he were a full brother</text>

</svg>