<!--

Generated by DrawGPT.
Free, open source, AI generated images in SVG, PNG, and HTML Canvas format.
https://drawgpt.ai

Created: 2025-05-16T23:20:53+00:00
-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  <title id="title_1" class="title">Fierce Leap of Unity</title>
  <desc id="desc_1" class="desc">A dynamic superheroine blending She-Hulk power with Black Panther grace, leaping high with a playful smirk!</desc>
  <defs id="defs_1" class="defs">
    <linearGradient id="bgGradient_1" class="gradient" x1="0" y1="0" x2="0" y2="1">
      <stop id="bg_stop1_1" class="bg-stop" offset="0%" stop-color="#003366">
        <animate attributeName="stop-color" values="#003366;#336699;#003366" dur="5s" repeatCount="indefinite"/>
      </stop>
      <stop id="bg_stop2_1" class="bg-stop" offset="100%" stop-color="#000000">
        <animate attributeName="stop-color" values="#000000;#444444;#000000" dur="5s" repeatCount="indefinite"/>
      </stop>
    </linearGradient>
  </defs>
  <rect id="bg_rect_1" class="background" width="512" height="512" fill="url(#bgGradient_1)"/>
  
  <!-- Animated City Skyline Background -->
  <g id="city_group_1" class="city">
    <rect id="city_building1_1" class="building" x="20" y="300" width="50" height="180" fill="#222222">
      <animate attributeName="height" values="180;185;180" dur="5s" repeatCount="indefinite"/>
    </rect>
    <rect id="city_building2_1" class="building" x="80" y="280" width="40" height="200" fill="#333333">
      <animate attributeName="height" values="200;205;200" dur="5s" repeatCount="indefinite"/>
    </rect>
    <rect id="city_building3_1" class="building" x="130" y="310" width="60" height="170" fill="#444444">
      <animate attributeName="height" values="170;175;170" dur="5s" repeatCount="indefinite"/>
    </rect>
    <rect id="city_building4_1" class="building" x="400" y="290" width="70" height="190" fill="#555555">
      <animate attributeName="height" values="190;195;190" dur="5s" repeatCount="indefinite"/>
    </rect>
  </g>
  
  <!-- Hero Group: A fusion of She-Hulk and Black Panther traits -->
  <g id="hero_group_1" class="hero" transform="translate(0,0)">
    <!-- Jump Animation -->
    <animateTransform attributeName="transform" type="translate" values="0,0; 0,-10; 0,0" dur="5s" repeatCount="indefinite"/>
    
    <!-- Body -->
    <path id="hero_body_1" class="body" fill="#1a1a1a" d="M256,200 C230,200 210,250 210,300 L302,300 C302,250 282,200 256,200 Z">
      <animate attributeName="d" values="
        M256,200 C230,200 210,250 210,300 L302,300 C302,250 282,200 256,200 Z;
        M256,200 C232,200 212,250 212,300 L300,300 C300,250 280,200 256,200 Z;
        M256,200 C230,200 210,250 210,300 L302,300 C302,250 282,200 256,200 Z" 
      dur="5s" repeatCount="indefinite"/>
    </path>
    
    <!-- Head -->
    <circle id="hero_head_1" class="head" cx="256" cy="160" r="40" fill="#000000" stroke="#333333" stroke-width="2">
      <animate attributeName="r" values="40;42;40" dur="5s" repeatCount="indefinite"/>
    </circle>
    
    <!-- Hair: Sleek and flowing black hair -->
    <path id="hero_hair_1" class="hair" fill="#111111" d="M216,150 Q256,130 296,150 Q256,140 216,150 Z">
      <animate attributeName="d" values="
        M216,150 Q256,130 296,150 Q256,140 216,150 Z;
        M216,150 Q256,135 296,150 Q256,145 216,150 Z;
        M216,150 Q256,130 296,150 Q256,140 216,150 Z" 
      dur="5s" repeatCount="indefinite"/>
    </path>
    
    <!-- Eyes -->
    <circle id="hero_eye_left_1" class="eye" cx="242" cy="155" r="5" fill="#A0522D">
      <animate attributeName="r" values="5;3;5" dur="5s" repeatCount="indefinite"/>
    </circle>
    <circle id="hero_eye_right_1" class="eye" cx="270" cy="155" r="5" fill="#A0522D">
      <animate attributeName="r" values="5;3;5" dur="5s" repeatCount="indefinite"/>
    </circle>
    
    <!-- Left Arm: Subtle swinging to show power -->
    <path id="hero_arm_left_1" class="arm" fill="#1a1a1a" d="M210,220 Q200,260 210,300">
      <animateTransform attributeName="transform" type="rotate" from="0 210 260" to="-5 210 260" dur="2.5s" repeatCount="indefinite" additive="sum"/>
      <animateTransform attributeName="transform" type="rotate" from="-5 210 260" to="0 210 260" begin="2.5s" dur="2.5s" repeatCount="indefinite" additive="sum"/>
    </path>
    
    <!-- Right Arm -->
    <path id="hero_arm_right_1" class="arm" fill="#1a1a1a" d="M302,220 Q312,260 302,300">
      <animateTransform attributeName="transform" type="rotate" from="0 302 260" to="5 302 260" dur="2.5s" repeatCount="indefinite" additive="sum"/>
      <animateTransform attributeName="transform" type="rotate" from="5 302 260" to="0 302 260" begin="2.5s" dur="2.5s" repeatCount="indefinite" additive="sum"/>
    </path>
    
    <!-- Legs: Solid and ready for a powerful leap -->
    <path id="hero_leg_left_1" class="leg" fill="#1a1a1a" d="M230,300 L240,360 Q250,380 260,360 L270,300">
      <animate attributeName="d" values="
        M230,300 L240,360 Q250,380 260,360 L270,300;
        M230,300 L240,362 Q250,382 260,362 L270,300;
        M230,300 L240,360 Q250,380 260,360 L270,300" 
      dur="5s" repeatCount="indefinite"/>
    </path>
    
    <!-- Emblem: A shining symbol on the costume -->
    <circle id="hero_emblem_1" class="emblem" cx="256" cy="260" r="10" fill="#FFD700">
      <animate attributeName="r" values="10;12;10" dur="5s" repeatCount="indefinite"/>
    </circle>
  </g>
</svg>