Hierarchy

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 1700 1700"
>
    <path
        fill="#c8d3e6"
        d="M850 1304.9c-9.1 0-16.5-7.4-16.5-16.5V482.3c0-9.1 7.4-16.5 16.5-16.5s16.5 7.4 16.5 16.5v806.1c0 9.1-7.4 16.5-16.5 16.5z"
    />
    <path
        fill="#c8d3e6"
        d="M1444.9 1304.9c-9.1 0-16.5-7.4-16.5-16.5V898.6H271.6v389.8c0 9.1-7.4 16.5-16.5 16.5s-16.5-7.4-16.5-16.5V882.1c0-9.1 7.4-16.5 16.5-16.5h1189.8c9.1 0 16.5 7.4 16.5 16.5v406.3c0 9.1-7.4 16.5-16.5 16.5z"
    />
    <circle cx="850" cy="1272.9" r="173.1" fill="#5b9ecc" />
    <path
        fill="#ff84a7"
        d="M723.2 1390.6c31.6 34 76.7 55.3 126.8 55.3s95.2-21.3 126.8-55.3c-17.8-50-65.6-85.8-121.8-85.8h-10c-56.2 0-104 35.8-121.8 85.8z"
    />
    <circle
        cx="850"
        cy="1242"
        r="71.2"
        fill="#f9c7b2"
        transform="rotate(-45 849.837 1242.27)"
    />
    <circle cx="1444.9" cy="1272.9" r="173.1" fill="#5b9ecc" />
    <path
        fill="#80dbff"
        d="M1318.1 1390.6c31.6 34 76.7 55.3 126.8 55.3s95.2-21.3 126.8-55.3c-17.8-50-65.6-85.8-121.8-85.8h-10c-56.2 0-104 35.8-121.8 85.8z"
    />
    <circle cx="1444.9" cy="1242" r="71.2" fill="#f9c7b2" />
    <circle cx="255.1" cy="1272.9" r="173.1" fill="#5b9ecc" />
    <path
        fill="#98e6b6"
        d="M128.2 1390.6c31.6 34 76.7 55.3 126.8 55.3s95.2-21.3 126.8-55.3c-17.8-50-65.6-85.8-121.8-85.8h-10c-56.1 0-103.9 35.8-121.8 85.8z"
    />
    <circle cx="255.1" cy="1242" r="71.2" fill="#f9c7b2" />
    <circle cx="850" cy="459.2" r="205.1" fill="#5b9ecc" />
    <path
        fill="#fdd559"
        d="M699.7 598.8c37.5 40.3 91 65.6 150.3 65.6 59.4 0 112.9-25.2 150.3-65.6C979.2 539.5 922.5 497 856 497h-12c-66.5 0-123.2 42.5-144.3 101.8z"
    />
    <circle cx="850" cy="422.7" r="84.4" fill="#f9c7b2" />
</svg>