1 <p>SVG</p>

2 <p>&lt;svg viewBox="0 0 200 150"&gt; &lt;rect width="100%" height="100%" fill="none" stroke="yellowgreen" /&gt; &lt;g fill="orange" stroke="saddlebrown" stroke-width="15"&gt; &lt;circle r="23" cx="32" cy="31" /&gt; &lt;circle r="23" cx="168" cy="31" /&gt; &lt;/g&gt; &lt;ellipse fill="saddlebrown" rx="84" ry="70" cx="100" cy="80" /&gt; &lt;circle fill="none" stroke="#000000" stroke-opacity="0.5" stroke-width="3" r="4" cx="100" cy="135" /&gt; &lt;g&gt; &lt;ellipse fill="orange" rx="24" ry="28" cx="77" cy="78" transform="rotate(-30,77,78)" /&gt; &lt;ellipse fill="white" rx="14" ry="16" cx="79" cy="83" transform="rotate(-30,79,83)" /&gt; &lt;circle fill="black" r="9" cx="82" cy="87" /&gt; &lt;circle fill="white" r="3" cx="84" cy="83" /&gt; &lt;/g&gt; &lt;g&gt; &lt;ellipse fill="orange" rx="24" ry="28" cx="123" cy="78" transform="rotate(30,123,78)" /&gt; &lt;ellipse fill="white" rx="14" ry="16" cx="120" cy="83" transform="rotate(30,120,83)" /&gt; &lt;circle fill="black" r="9" cx="118" cy="87" /&gt; &lt;circle fill="white" r="3" cx="121" cy="83" /&gt; &lt;/g&gt; &lt;g stroke="#000000" stroke-opacity="0.5" stroke-width="5" stroke-linecap="round"&gt; &lt;path d="M55,45 68,42" /&gt; &lt;path d="M145,45 135,42" /&gt; &lt;/g&gt; &lt;g&gt; &lt;ellipse fill="black" rx="25" ry="15" cx="100" cy="107" /&gt; &lt;ellipse fill="white" fill-opacity="0.1" rx="17" ry="9" cx="102" cy="103" /&gt; &lt;ellipse fill="white" fill-opacity="0.1" rx="8" ry="4" cx="104" cy="100" /&gt; &lt;/g&gt; &lt;/svg&gt;</p>