Clouds SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/96jRtfm8cq8_/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="#B9DFF2"/><path d="M0 170c65-32 117-27 157-5 19-53 75-89 139-78 44-70 151-87 216-27 56-19 119 0 149 43 49-7 99 15 123 56 22 38 15 83-5 110H0Z" fill="#EDF7FA"/><path d="M1600 92c-43-19-94-16-131 5-31-49-99-72-159-50-42-40-113-44-160-8-46 34-64 86-55 132-40 9-68 40-72 76h577Z" fill="#E5F3F8"/><path d="M0 520c42-29 96-31 140-13 32-48 97-70 153-47 47-55 142-63 199-13 54-17 110 7 132 51 43 1 82 24 96 61 15 38 4 77-22 103H0Z" fill="#E3F2F8"/><path d="M1600 560c-55-27-119-21-164 11-38-57-113-82-177-55-49-45-127-47-177-4-36 31-52 74-47 116-48 14-78 53-77 99h642Z" fill="#F2F9FB"/><path d="M0 856c76-41 159-35 220 5 52-53 142-66 210-25 61-34 142-22 185 32 37-13 84-7 115 32H0Z" fill="#F2F9FB"/><path d="M1600 855c-62-38-142-35-200 5-51-48-131-59-193-22-58-31-133-17-174 33-38-11-82-1-109 29h676Z" fill="#E4F3F8"/></svg>

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

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

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