assets/depth1-ordered_pivot_by_middle.svg

<svg viewBox="0 0 6 4" width="300" height="200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <radialGradient id="g" cx="0.5" cy="0.5" r="0.5"
    fx="0.75" fy="0.6" fr="5%" gradientTransform="scale(2) translate(-0.25, -0.25)">
      <stop offset="0%" stop-color="white"/>
      <stop offset="100%" stop-color="darkseagreen"/>
    </radialGradient>
  </defs>
  <rect x="0" y="0" width="1.5" height="4" fill="url(#g)" />
  <rect x="1.5" y="0" width="2.5" height="2.4" fill="url(#g)" />
  <rect x="1.5" y="2.4" width="2.5" height="1.5999999" fill="url(#g)" />
  <rect x="4" y="0" width="1.25" height="2.4" fill="url(#g)" />
  <rect x="4" y="2.4" width="1.25" height="1.5999999" fill="url(#g)" />
  <rect x="5.25" y="0" width="0.75" height="2.6666667" fill="url(#g)" />
  <rect x="5.25" y="2.6666667" width="0.75" height="1.3333333" fill="url(#g)" />
</svg>