Clouds SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6htD5CSqGw3f/amnt.svg" alt="Clouds" 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="#C9DFE8"/><g fill="#E4EBE9"><path d="M-100 125 C35 38 165 53 256 97 C341 24 496 27 580 101 C688 55 806 67 886 143 C975 117 1070 135 1139 195 C1280 140 1438 171 1700 108 L1700 -100 L-100 -100 Z"/><path d="M-100 414 C25 346 130 366 206 406 C304 326 450 339 526 405 C627 358 748 378 824 438 C939 381 1060 406 1130 470 C1281 390 1450 421 1700 352 L1700 284 C1530 345 1392 320 1280 341 C1164 300 1050 322 983 354 C885 311 774 319 693 349 C584 299 475 310 394 340 C265 299 137 323 -100 307 Z"/><path d="M-100 746 C24 678 156 696 238 745 C354 667 476 687 565 746 C660 697 801 710 878 773 C988 709 1114 723 1194 780 C1338 708 1482 738 1700 667 L1700 584 C1518 631 1379 607 1267 641 C1164 591 1033 613 947 654 C842 603 704 623 627 651 C509 603 374 622 290 655 C174 607 36 623 -100 648 Z"/></g><g fill="#F4F2EB"><path d="M-100 188 C45 123 141 153 207 184 C323 110 435 132 501 177 C596 126 723 146 786 207 C899 150 1025 168 1092 223 C1223 154 1372 175 1465 217 C1556 166 1634 184 1700 206 L1700 36 C1590 80 1485 54 1403 83 C1285 36 1161 70 1090 108 C986 57 866 87 800 118 C687 62 574 83 508 110 C389 58 258 82 177 116 C59 70 -23 89 -100 118 Z"/><path d="M-100 526 C30 462 153 478 226 522 C335 451 468 468 540 520 C661 457 779 485 850 541 C975 477 1091 505 1162 556 C1281 489 1448 514 1528 561 C1598 525 1660 527 1700 543 L1700 417 C1592 445 1494 416 1414 441 C1298 388 1177 413 1094 452 C981 399 866 418 785 454 C674 398 551 421 469 451 C340 399 215 421 135 457 C26 416 -42 432 -100 451 Z"/><path d="M-100 856 C25 791 151 806 237 854 C355 780 478 798 561 849 C668 791 791 810 870 870 C982 805 1112 828 1192 880 C1311 810 1445 830 1537 875 C1606 844 1663 851 1700 865 L1700 737 C1596 765 1494 742 1410 765 C1298 719 1172 742 1091 778 C976 726 860 747 780 781 C665 726 540 750 457 778 C339 727 211 746 127 781 C18 741 -48 757 -100 779 Z"/></g><g fill="#FCF8EF" opacity=".72"><path d="M-100 267 C79 213 181 250 267 278 C376 218 501 241 572 287 C700 226 809 259 895 305 C1017 245 1139 270 1220 319 C1376 256 1508 282 1700 241 L1700 193 C1534 235 1400 207 1292 230 C1180 188 1055 210 978 244 C868 195 748 210 671 244 C557 190 428 204 344 235 C229 190 91 210 -100 194 Z"/><path d="M-100 628 C54 566 177 593 257 633 C365 572 496 589 574 639 C689 580 817 610 887 657 C1008 600 1121 625 1201 667 C1353 607 1511 626 1700 592 L1700 542 C1548 580 1402 552 1305 576 C1187 532 1062 550 987 588 C871 539 755 555 678 588 C555 535 428 550 343 583 C227 541 85 549 -100 556 Z"/></g></svg>

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

import CloudsSvg from "./clouds.jsx"; // from the React tab above

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