Overlay Card

<d-grid cols="3">
  <d-overlay-card
    link="/docs/core/diem-protocol"
    icon="https://files.readme.io/0a114eb-protocol-overview.svg"
    text="Transactions and States"
    hover-text="Key concepts of the Diem Blockchain"
    target="_blank"
  ></d-overlay-card>
  <d-overlay-card
    link="/docs/core/diem-protocol"
    icon="https://files.readme.io/0a114eb-protocol-overview.svg"
    text="Transactions and States"
    hover-text="Key concepts of the Diem Blockchain"
    target="_blank"
  ></d-overlay-card>
  <d-overlay-card
    link="/docs/core/diem-protocol"
    icon="https://files.readme.io/0a114eb-protocol-overview.svg"
    text="Transactions and States"
    hover-text="Key concepts of the Diem Blockchain"
    target="_blank"
  ></d-overlay-card>
  <d-overlay-card
    link="/docs/core/diem-protocol"
    icon="https://files.readme.io/0a114eb-protocol-overview.svg"
    text="Transactions and States"
    hover-text="Key concepts of the Diem Blockchain"
    target="_blank"
  ></d-overlay-card>
  <d-overlay-card
    link="/docs/core/diem-protocol"
    icon="https://files.readme.io/0a114eb-protocol-overview.svg"
    text="Transactions and States"
    hover-text="Key concepts of the Diem Blockchain"
    target="_blank"
  ></d-overlay-card>
  <d-overlay-card
    link="/docs/core/diem-protocol"
    icon="https://files.readme.io/0a114eb-protocol-overview.svg"
    text="Transactions and States"
    hover-text="Key concepts of the Diem Blockchain"
    target="_blank"
  ></d-overlay-card>
</d-grid>