SVG Drawing Match #1629

<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <radialGradient id="sunrise" cx="50%" cy="50%" r="70%">
      <stop offset="0%" stop-color="#FFE5E5"/>
      <stop offset="60%" stop-color="#FFB6C1"/>
      <stop offset="100%" stop-color="#FF69B4"/>
    </radialGradient>
    <linearGradient id="syrup" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#8B4513"/>
      <stop offset="100%" stop-color="#D2691E"/>
    </linearGradient>
  </defs>
  
  <!-- Background -->
  <circle cx="150" cy="150" r="150" fill="url(#sunrise)"/>
  
  <!-- Melting Pancakes -->
  <g transform="translate(150,150)">
    <!-- Base pancake -->
    <path d="M-80,10 Q-90,30 -70,40 Q-20,60 20,55 Q60,45 80,20 Q90,-10 70,-30 Q20,-50 -30,-40 Q-70,-20 -80,10 Z" 
          fill="#FFE4B5" stroke="#DEB887" stroke-width="2">
      <animate attributeName="d" 
               dur="5s"
               repeatCount="indefinite"
               values="M-80,10 Q-90,30 -70,40 Q-20,60 20,55 Q60,45 80,20 Q90,-10 70,-30 Q20,-50 -30,-40 Q-70,-20 -80,10 Z;
                      M-80,15 Q-85,35 -65,45 Q-15,65 25,60 Q65,50 85,25 Q95,-5 75,-25 Q25,-45 -25,-35 Q-65,-15 -80,15 Z;
                      M-80,10 Q-90,30 -70,40 Q-20,60 20,55 Q60,45 80,20 Q90,-10 70,-30 Q20,-50 -30,-40 Q-70,-20 -80,10 Z"/>
    </path>
    
    <!-- Drips -->
    <path d="M-60,40 Q-65,80 -40,100" fill="none" stroke="#FFE4B5" stroke-width="8"/>
    <path d="M20,55 Q25,95 40,110" fill="none" stroke="#FFE4B5" stroke-width="8"/>
    <path d="M70,30 Q80,70 90,85" fill="none" stroke="#FFE4B5" stroke-width="8"/>
    
    <!-- Clock hands (syrup) -->
    <line x1="0" y1="0" x2="40" y2="-30" stroke="url(#syrup)" stroke-width="8" stroke-linecap="round">
      <animateTransform attributeName="transform"
                        type="rotate"
                        from="0 0 0"
                        to="360 0 0"
                        dur="60s"
                        repeatCount="indefinite"/>
    </line>
    <line x1="0" y1="0" x2="20" y2="30" stroke="url(#syrup)" stroke-width="10" stroke-linecap="round">
      <animateTransform attributeName="transform"
                        type="rotate"
                        from="0 0 0"
                        to="360 0 0"
                        dur="3600s"
                        repeatCount="indefinite"/>
    </line>
    
    <!-- Center dot -->
    <circle cx="0" cy="0" r="8" fill="#8B4513"/>
  </g>
  
  <!-- Butter pat -->
  <rect x="120" y="130" width="25" height="20" rx="5" fill="#FFFF99" transform="rotate(15,132.5,140)">
    <animate attributeName="y"
             dur="2s"
             values="130;135;130"
             repeatCount="indefinite"/>
  </rect>
</svg>