Confetti SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/SuzaehoRxH1w/amnt.svg" alt="Confetti" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F5F7F3"/><g fill="#78A9AD"><rect x="76" y="84" width="17" height="9" transform="rotate(-18 84 88)"/><rect x="286" y="48" width="10" height="19" transform="rotate(24 291 58)"/><rect x="522" y="103" width="20" height="8" transform="rotate(-12 532 107)"/><rect x="1090" y="58" width="14" height="9" transform="rotate(19 1097 63)"/><rect x="1390" y="112" width="9" height="20" transform="rotate(-25 1395 122)"/><rect x="1508" y="349" width="18" height="8" transform="rotate(13 1517 353)"/><rect x="88" y="510" width="9" height="18" transform="rotate(28 93 519)"/><rect x="231" y="811" width="19" height="8" transform="rotate(-15 240 815)"/><rect x="1175" y="830" width="10" height="19" transform="rotate(22 1180 840)"/></g><g fill="#E9AD8C"><path d="M170 159l16 3-11 14zM766 57l15 11-18 7zM1261 78l19-3-7 17zM1517 194l14 13-19 5zM1455 631l18 5-13 13zM1370 808l17-10 1 19zM801 844l16 11-19 6zM401 829l17-8-1 18zM62 300l18-4-7 17z"/><rect x="355" y="94" width="16" height="8" transform="rotate(27 363 98)"/><rect x="1530" y="747" width="9" height="17" transform="rotate(-20 1535 756)"/></g><g fill="#A7B895"><rect x="37" y="175" width="10" height="18" transform="rotate(16 42 184)"/><path d="M625 37l17 5-13 13zM942 98l16-9 1 18zM1560 461l-17 10 1-19zM83 690l18 7-15 12zM1015 856l18-6-4 18z"/><rect x="1502" y="76" width="18" height="9" transform="rotate(-28 1511 81)"/><rect x="144" y="843" width="9" height="17" transform="rotate(-18 149 852)"/></g><g fill="#D7BD72"><path d="M435 43l17 9-17 9zM1178 136l16 5-13 13zM1526 551l17-7-2 18zM648 826l18 5-13 14zM36 766l17-8-1 18z"/><rect x="1546" y="282" width="9" height="18" transform="rotate(25 1551 291)"/><rect x="352" y="854" width="18" height="8" transform="rotate(15 361 858)"/><rect x="128" y="380" width="16" height="8" transform="rotate(-23 136 384)"/></g><g fill="#8195B6"><path d="M48 43l18 4-13 14zM876 42l17 9-17 8zM1463 38l16 10-18 7zM1560 681l-17 8 2-18zM1270 858l18-6-5 18zM523 857l17-10 1 19zM35 607l18 4-12 14z"/><rect x="1474" y="842" width="18" height="9" transform="rotate(-17 1483 847)"/><rect x="182" y="65" width="9" height="17" transform="rotate(28 187 74)"/></g></svg>

.confetti {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/SuzaehoRxH1w/amnt.svg");
  background-size: contain;
}

import ConfettiSvg from "./confetti.jsx"; // from the React tab above

<ConfettiSvg width={48} height={48} />