<icecream>
  <background>
  <img src="/ice_cream_graphic.svg" />
  </background>

  <overlay>
    <one>
      <h1>Do You Like Icecream?</h1>
      <p>This square is placed over this image using a
        CSS Grid.
      </p>
    </one>
    <two>
    <h1>Icecream Rules</h1>
    <p>Sometimes you want to put a graphic behind some creatively
      organize text and panels.  You can dot that with CSS grids.
    </two>
    <three>
    <h1>Bottom Left</h1>
    <p>I don't know why I put that sphere there.</p>
    </three>
  </overlay>
</icecream>