| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 792" preserveAspectRatio="none"> |
| 2 | <defs> |
| 3 | <radialGradient id="reach" cx="180" cy="0" r="1" gradientTransform="translate(180 0) scale(520 300) translate(-180 0)" gradientUnits="userSpaceOnUse"><stop offset="0.3" stop-color="white"/><stop offset="0.95" stop-color="white" stop-opacity="0"/></radialGradient><mask id="art"><rect width="612" height="792" fill="url(#reach)"/></mask> |
| 4 | <linearGradient id="across" x2="1" y2="0"><stop offset="0.55" stop-color="white"/><stop offset="0.96" stop-color="white" stop-opacity="0"/></linearGradient><mask id="rule-across"><rect width="612" height="792" fill="url(#across)"/></mask> |
| 5 | <linearGradient id="down" x2="0" y2="1"><stop offset="0.28" stop-color="white"/><stop offset="0.42" stop-color="white" stop-opacity="0"/></linearGradient><mask id="rule-down"><rect width="612" height="792" fill="url(#down)"/></mask> |
| 6 | <linearGradient id="meadow" x2="0" y2="1"><stop offset="0" stop-color="#6d924c"/><stop offset=".25" stop-color="#b5b35e"/><stop offset=".45" stop-color="#fbe4d0"/><stop offset=".7" stop-color="#fdf4ec" stop-opacity="0"/></linearGradient> |
| 7 | <radialGradient id="poppy" fx=".4" fy=".35"><stop offset="0" stop-color="#fbd3dc"/><stop offset=".6" stop-color="#f28aa6"/><stop offset="1" stop-color="#d8567c"/></radialGradient> |
| 8 | <filter id="bokeh" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="7"/></filter> |
| 9 | </defs> |
| 10 | <g mask="url(#art)"> |
| 11 | <rect width="612" height="400" fill="url(#meadow)"/> |
| 12 | <g filter="url(#bokeh)" opacity=".85"><circle cx="46.9" cy="-10.8" r="29.2" fill="#fbb248"/><circle cx="195" cy="25.5" r="33.2" fill="#f7813f"/><circle cx="152.8" cy="-17.8" r="32.6" fill="#f0563a"/><circle cx="76.9" cy="-27.8" r="28.3" fill="#fbb248"/><circle cx="482.5" cy="109.9" r="17.2" fill="#e74c64"/><circle cx="547.9" cy="64.4" r="32.4" fill="#9272c9"/><circle cx="3.7" cy="-16.7" r="33.9" fill="#e74c64"/><circle cx="253.3" cy="7.5" r="23" fill="#f7813f"/><circle cx="-17.9" cy="-25.9" r="19.5" fill="#9272c9"/><circle cx="111.3" cy="108.9" r="22.3" fill="#9272c9"/><circle cx="556.1" cy="76.7" r="22.2" fill="#e74c64"/><circle cx="69.9" cy="50.9" r="23.3" fill="#fbb248"/><circle cx="424.4" cy="70" r="14.6" fill="#f7813f"/><circle cx="505.3" cy="37.5" r="17.6" fill="#fbb248"/><circle cx="39.7" cy="52.4" r="15.6" fill="#9272c9"/><circle cx="504.1" cy="50" r="18.3" fill="#f0563a"/><circle cx="412.3" cy="60.9" r="14.5" fill="#e74c64"/><circle cx="288.3" cy="78.8" r="20" fill="#f7813f"/><circle cx="339.3" cy="61" r="22.6" fill="#fbb248"/><circle cx="415.5" cy="1.6" r="26.2" fill="#f0563a"/><circle cx="121.3" cy="44.2" r="25.4" fill="#f0563a"/><circle cx="497.4" cy="97" r="26.2" fill="#f7813f"/><circle cx="284.3" cy="109" r="32.3" fill="#f7813f"/><circle cx="409.5" cy="-15.9" r="32.6" fill="#f7813f"/><circle cx="453.9" cy="86.4" r="28.4" fill="#9272c9"/><circle cx="367" cy="52.7" r="28.3" fill="#9272c9"/></g> |
| 13 | </g> |
| 14 | <path d="M28 150C26 190 30 240 26 300" stroke="#8fb36a" stroke-width="3" fill="none" mask="url(#rule-down)"/> |
| 15 | <g transform="translate(28 110)"> |
| 16 | <path d="M-26-6C-30-24-16-36 0-34C16-38 30-26 28-8C26 10 14 22 0 22C-14 22-24 10-26-6Z" fill="url(#poppy)"/> |
| 17 | <path d="M-8 18C-4 8 4 8 8 18Z" fill="#b94668"/> |
| 18 | </g> |
| 19 | <rect x="45" y="25" width="567" height="8" fill="#8b58a0" mask="url(#rule-across)"/> |
| 20 | <rect x="45" y="25" width="1" height="767" fill="#8b58a0" mask="url(#rule-down)"/> |
| 21 | </svg> |