Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 520 520"
>
    <path fill="#b5dbff" d="M72.5 335.333h375v49.334h-375z" />
    <path
        fill="#edf5ff"
        d="M407.5 115h-295c-22.09 0-40 17.91-40 40v190h375V155c0-22.09-17.91-40-40-40z"
    />
    <path fill="#d5e8fe" d="M447.5 276.511h-145V88.489h145z" />
    <path
        fill="#8eeb90"
        d="M382.5 445c11.051 0 20 8.95 20 20s-8.949 20-20 20c-11.05 0-20-8.95-20-20s8.95-20 20-20z"
    />
    <path
        fill="#3b6bab"
        d="M487.5 375c0 24.863-20.158 45-45 45h-365c-24.85 0-45-20.15-45-45z"
    />
    <path
        fill="#8eeb90"
        d="M112.5 35c13.811 0 25 11.19 25 25s-11.189 25-25 25c-13.81 0-25-11.19-25-25s11.19-25 25-25z"
    />
    <path
        fill="#3b6bab"
        d="M447.5 270v15.67c0 10.67-8.66 19.33-19.33 19.33H321.83c-10.67 0-19.33-8.66-19.33-19.33V270zM447.5 79.33V95h-145V79.33c0-10.67 8.66-19.33 19.33-19.33h106.34c10.67 0 19.33 8.66 19.33 19.33z"
    />
    <path
        fill="#fa686c"
        d="M427 177.52v9.96l-14.88 3.32c-.96 4.36-2.68 8.41-4.989 12.06l8.159 12.89-7.04 7.04-12.89-8.16a37.48 37.48 0 0 1-12.06 4.99l-3.32 14.88h-9.96l-3.32-14.88c-4.36-.96-8.41-2.68-12.06-4.99l-12.891 8.16-7.039-7.04 8.159-12.89c-2.31-3.63-4.03-7.7-4.989-12.06L323 187.48v-9.96l14.881-3.32c.959-4.36 2.68-8.41 4.989-12.06l-8.159-12.89 7.039-7.04 12.891 8.18c3.649-2.33 7.699-4.02 12.06-5.01l3.32-14.88h9.96l3.32 14.88c4.359.99 8.41 2.68 12.06 5.01l12.89-8.18 7.04 7.04-8.159 12.89c2.31 3.65 4.029 7.7 4.989 12.06zm-37.02 5c0-8.26-6.74-15-14.96-15-8.261 0-15 6.74-15 15 0 8.22 6.739 14.96 15 14.96 8.22 0 14.96-6.74 14.96-14.96z"
    />
    <g fill="#fff8e3">
        <circle cx="475" cy="222.5" r="7.5" />
        <circle cx="465" cy="442.5" r="7.5" />
        <circle cx="280" cy="452.5" r="7.5" />
        <circle cx="260" cy="45" r="7.5" />
        <circle cx="175" cy="77.5" r="7.5" />
        <circle cx="85" cy="452.5" r="7.5" />
        <circle cx="40" cy="132.5" r="7.5" />
    </g>
    <path
        fill="#006df4"
        d="m228.019 172-31.82 3.53a5 5 0 1 0 1.103 9.939l17.654-1.958-32.351 32.343a5 5 0 0 0 7.07 7.072l32.35-32.342-1.964 17.653a5 5 0 1 0 9.939 1.105l3.54-31.82c.278-2.5-1.607-5.945-5.521-5.522z"
    />
    <path
        fill="#1da1fa"
        d="M168.466 237.075a5.002 5.002 0 0 0-7.071-.001l-32.35 32.342 1.964-17.653a5 5 0 1 0-9.939-1.105l-3.54 31.82c-.39 3.496 2.829 5.822 5.521 5.522l31.82-3.53a5 5 0 0 0 4.418-5.521c-.305-2.744-2.785-4.712-5.521-4.418l-17.655 1.959 32.351-32.343a5 5 0 0 0 .002-7.072z"
    />
</svg>