Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path fill="#f3f5f9" d="M61 75h30v75H61zM181 75h30v75h-30z" />
    <path fill="#e1e6f0" d="M301 75h30v75h-30zM421 75h30v75h-30z" />
    <circle cx="256" cy="407" r="90" fill="#f3f5f9" />
    <path
        fill="#e1e6f0"
        d="M346 407c0-49.629-40.371-90-90-90v180c49.629 0 90-40.371 90-90z"
    />
    <path fill="#4d5e80" d="M301 422h-60v-60h30v30h30z" />
    <path fill="#3d4566" d="M271 362h-15v60h45v-30h-30z" />
    <path
        fill="#6cf"
        d="M76 90c-24.814 0-45-20.186-45-45S51.186 0 76 0s45 20.186 45 45-20.186 45-45 45zM196 90c-24.814 0-45-20.186-45-45s20.186-45 45-45 45 20.186 45 45-20.186 45-45 45z"
    />
    <path
        fill="#59abff"
        d="M316 90c-24.814 0-45-20.186-45-45s20.186-45 45-45 45 20.186 45 45-20.186 45-45 45zM436 90c-24.814 0-45-20.186-45-45s20.186-45 45-45 45 20.186 45 45-20.186 45-45 45z"
    />
    <path fill="#4d5e80" d="M512 181H0v30h241v60h30v-60h241z" />
    <path fill="#3d4566" d="M256 271h15v-60h241v-30H256z" />
    <path
        fill="#f36a3d"
        d="M256 512c-57.891 0-105-47.109-105-105s47.109-105 105-105 105 47.109 105 105-47.109 105-105 105zm0-180c-41.367 0-75 33.647-75 75s33.633 75 75 75 75-33.647 75-75-33.633-75-75-75z"
    />
    <path
        fill="#ec4c36"
        d="M361 407c0-57.891-47.109-105-105-105v30c41.367 0 75 33.647 75 75s-33.633 75-75 75v30c57.891 0 105-47.109 105-105z"
    />
</svg>