フレームアニメーションをOnsen UIで実装したいです

スプライトシートを使ってOnsen UIでフレームアニメーションを実装したいです。
環境はmonacaで「Onsen UI最小限テンプレート」を使用しています。

下記URLより「フレームアニメーション」ファイルを見て、index.htmlで実装できることは確認済です。
https://ja.monaca.io/book/support/

Onsen UIを使用した時、page1.htmlとpage2.htmlで実装する方法を教えていただけないでしょうか？

<script>

</script>

<style>
    body {
      background-color: #eee;
      text-align: center;
    }
    h1 {
      text-align: center;
      font-size: 24px;
      color: #666;
    }
    h2 {
      text-align: center;
      font-size: 15px;
      color: #666;
    }

    /* 背景を左に、スプライトシートの幅分移動させるrunanimeアニメーション */ 
    @-webkit-keyframes runanime { 
       from { background-position:    0px; } 
         to { background-position: -3871px; }
    }
    .run { 
        width: 322px;
        height: 351px;
        margin-top: 30px; 

        /* 使用するスプライトシート */ 
        background-image: url("run.png");
        background-size: 4193px 351px;

        /* runアニメーションを1秒かけて12ステップ（1/12秒間隔）で無限に繰り返す */ 
        -webkit-animation: runanime 1s steps(12) infinite;  
    }

</style>