<svg
  width="220"
  height="220"
  viewBox="0 0 220 220"
  xmlns="http://www.w3.org/2000/svg"
>
  <!-- Robot (background) -->
  <g transform="translate(0 60) scale(1.2)">
    <!-- Head -->
    <ellipse cx="100" cy="60" rx="60" ry="45" fill="#D3D3D3" stroke="#000" stroke-width="2" />
    <ellipse cx="100" cy="60" rx="50" ry="35" fill="#0B1C2C" />
    <circle cx="80" cy="55" r="6" fill="#4DD0E1" />
    <circle cx="120" cy="55" r="6" fill="#4DD0E1" />
    <path d="M85 70 Q100 80 115 70" fill="#4DD0E1" />

    <!-- Body -->
    <ellipse cx="100" cy="140" rx="50" ry="60" fill="#D3D3D3" stroke="#000" stroke-width="2" />
    <ellipse cx="85" cy="120" rx="12" ry="20" fill="#fff" opacity="0.3" />

    <!-- Arms -->
    <ellipse cx="40" cy="135" rx="12" ry="30" fill="#D3D3D3" stroke="#000" stroke-width="2" />
    <ellipse cx="160" cy="135" rx="12" ry="30" fill="#D3D3D3" stroke="#000" stroke-width="2" />

    <!-- Shadow -->
    <ellipse cx="100" cy="195" rx="20" ry="6" fill="#000" opacity="0.15" />
  </g>

  <!-- Chat bubble 1 (Top Left - magenta) -->
  <g transform="translate(-10 0) scale(1.4)">
    <rect x="15" y="20" rx="12" ry="12" width="70" height="35" fill="#E91E63" stroke="#000" stroke-width="1.5" />
    <text x="50" y="43" font-size="10" fill="#fff" font-family="Arial" text-anchor="middle">Blabla...</text>
  </g>

  <!-- Chat bubble 2 (Top Right - cyan) -->
  <g transform="translate(100 0) scale(1.2)">
    <rect x="15" y="20" rx="12" ry="12" width="70" height="35" fill="#00BCD4" stroke="#000" stroke-width="1.5" />
    <text x="50" y="43" font-size="10" fill="#fff" font-family="Arial" text-anchor="middle">Blabla...</text>
  </g>

  <!-- Chat bubble 3 (Bottom - green) -->
  <g transform="translate(140 80) scale(1)">
    <rect x="15" y="0" rx="12" ry="12" width="70" height="35" fill="#8BC34A" stroke="#000" stroke-width="1.5" />
    <text x="50" y="23" font-size="10" fill="#fff" font-family="Arial" text-anchor="middle">Blabla...</text>
  </g>
</svg>
