Clouds SVG background, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice" role="img" aria-label="Pale sky with broad, rounded cloud silhouettes near the top and sides"><rect width="1600" height="900" fill="#EAF5F7"/><path d="M0 0H1600V168c-43 20-91 21-134 4-24 31-65 48-105 42-30-5-56-20-74-42-31 24-73 34-111 24-25-6-46-20-61-39-36 18-79 17-113-4-23 20-53 31-84 31-43 0-82-21-105-55-34 17-75 18-110 1-26 26-63 40-100 36-30-3-57-16-77-36-34 22-79 27-118 11-21 23-51 37-84 38-39 1-76-17-99-48-38 20-85 19-122-4-33 18-72 22-108 10-32-10-59-31-75-60V0Z" fill="#DCECF1"/><path d="M0 105c38-22 85-20 119 5 24-15 54-21 83-15 35 7 64 29 78 60 38-13 80-2 106 29 41-15 89-3 115 33 37-8 76 8 95 41 31 2 59 20 72 48 10 21 9 45-2 66-22 42-72 59-114 45-29 24-70 30-105 16-30 22-72 25-105 8-36 24-84 24-119-2-40 17-88 8-119-24-33 15-72 12-102-8V105Z" fill="#F7FBFA"/><path d="M1600 88c-36-20-79-19-113 2-30-17-68-18-99-2-22-23-55-36-88-32-37 4-68 26-82 58-39-8-81 7-102 41-43-5-85 19-99 60-37 9-63 43-60 82 3 42 38 76 80 79 27 25 68 31 101 15 33 19 75 19 108 0 38 20 85 14 116-16 36 12 77 1 102-27 39 11 82 2 110-26 35 8 72-2 98-27V88Z" fill="#F7FBFA"/></svg>

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

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

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