<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640">
  <defs>
    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#7ef0ff" stop-opacity=".6"/>
      <stop offset=".55" stop-color="#ff7ef0" stop-opacity=".55"/>
      <stop offset="1" stop-color="#ffe08a" stop-opacity=".5"/>
    </linearGradient>
    <filter id="s" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#000" flood-opacity=".45"/>
    </filter>
  </defs>
  <rect width="640" height="640" rx="56" fill="rgba(0,0,0,.18)"/>
  <g filter="url(#s)">
    <path d="M320 94c88 0 160 72 160 160s-72 160-160 160-160-72-160-160S232 94 320 94Z" fill="url(#g)" opacity=".7"/>
    <path d="M140 566c26-86 98-142 180-142s154 56 180 142" fill="url(#g)" opacity=".65"/>
    <circle cx="320" cy="252" r="108" fill="rgba(243,240,255,.16)"/>
    <path d="M228 254c18 36 52 62 92 62s74-26 92-62" fill="none" stroke="rgba(243,240,255,.46)" stroke-width="16" stroke-linecap="round"/>
  </g>
  <text x="50%" y="86%" text-anchor="middle" font-family="Bahnschrift, Segoe UI, system-ui, sans-serif" font-size="22" fill="rgba(243,240,255,.78)">
    Replace with your photo
  </text>
</svg>

