// nuxt

.w-100.mt-3
  h3.text-center 雲騰致雨，露結為霜。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38642.gif" )
    figcaption.text-center yun2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39472.gif" )
    figcaption.text-center teng2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33268.gif" )
    figcaption.text-center zhi4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38632.gif" )
    figcaption.text-center yu3
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38706.gif" )
    figcaption.text-center lu4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32080.gif" )
    figcaption.text-center jie2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28858.gif" )
    figcaption.text-center wei4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38684.gif" )
    figcaption.text-center shuang1

// nuxt

.w-100.mt-3
  h3.text-center 閏餘成歲，律呂調陽。
.w-100
  figure.d-inline-block
    .hanzi-img 閏
    figcaption.text-center run4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39192.gif" )
    figcaption.text-center yu2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25104.gif" )
    figcaption.text-center cheng2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27506.gif" )
    figcaption.text-center sui4
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24459.gif" )
    figcaption.text-center lu:4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21570.gif" )
    figcaption.text-center lu:3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35519.gif" )
    figcaption.text-center diao4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38525.gif" )
    figcaption.text-center yang2

// nuxt

.w-100.mt-3
  h3.text-center 寒來暑往，秋收冬藏。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23506.gif" )
    figcaption.text-center han2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20358.gif" )
    figcaption.text-center lai2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26257.gif" )
    figcaption.text-center shu3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24448.gif" )
    figcaption.text-center wang3
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31179.gif" )
    figcaption.text-center qiu1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25910.gif" )
    figcaption.text-center shou1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20908.gif" )
    figcaption.text-center dong1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34255.gif" )
    figcaption.text-center cang2

// nuxt

.w-100.mt-3
  h3.text-center 日月盈昃，辰宿列張。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26085.gif" )
    figcaption.text-center ri4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26376.gif" )
    figcaption.text-center yue4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30408.gif" )
    figcaption.text-center ying2
  figure.d-inline-block.text-center
    .hanzi-img 昃
    figcaption ze4
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36784.gif" )
    figcaption.text-center chen2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23487.gif" )
    figcaption.text-center su4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21015.gif" )
    figcaption.text-center lie2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24373.gif" )
    figcaption.text-center zhang1

// nuxt

.w-100.mt-3
  h3.text-center 天地玄黃，宇宙洪荒。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://upload.wikimedia.org/wikipedia/commons/a/ab/天-order.gif")
    figcaption.text-center tian1
  figure.d-inline-block
    img.hanzi-img(src="https://upload.wikimedia.org/wikipedia/commons/f/fb/地-order.gif" )
    figcaption.text-center di4
  figure.d-inline-block
    img.hanzi-img(src="https://upload.wikimedia.org/wikipedia/commons/d/d3/玄-order.gif" )
    figcaption.text-center xuan2
  figure.d-inline-block
    img.hanzi-img(src="https://upload.wikimedia.org/wikipedia/commons/e/e7/黄-order.gif" )
    figcaption.text-center huang2
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23431.gif" )
    figcaption.text-center yu3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23449.gif" )
    figcaption.text-center zhou4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27946.gif" )
    figcaption.text-center hong2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33618.gif" )
    figcaption.text-center huang1