diff --git a/animation.js b/animation.js
index d271d46af948a44f378ceba86ff474306963840c..9c220bb2f64df5311d9990bd146acb7533d3ae74 100644
--- a/animation.js
+++ b/animation.js
@@ -1,7 +1,8 @@
 import HanziWriter from "hanzi-writer"
 
-const kanji = document.getElementById("kanji").innerText
-
-const hanziWriterContainer = document.getElementById("kanji-animation")
-
-HanziWriter.create(hanziWriterContainer, kanji).animateCharacter()
+for (const kanjiContainer of document.getElementsByClassName("kanji")) {
+  const kanjiText = kanjiContainer.textContent
+  const hanziWriterContainer = document.createElement("div")
+  kanjiContainer.append(hanziWriterContainer)
+  HanziWriter.create(hanziWriterContainer, kanjiText).animateCharacter()
+}
diff --git a/back.html b/back.html
index 5992532da93738769836b881050a6bad4d4e50ba..3810e8ea5f36a5d571ced3c4b177d8987606a128 100644
--- a/back.html
+++ b/back.html
@@ -1,11 +1,12 @@
 {{FrontSide}}
 
-<hr id="answer"><hr id="answer"><hr id="answer"><hr id="answer">
+<hr id="answer">
+<hr id="answer">
+<hr id="answer">
+<hr id="answer">
 
-<div id="kanji">{{Back}}</div>
-
-<div id="kanji-animation"></div>
+<div class="kanji">{{Back}}</div>
 
 <script type="module">
   import "./animation.js"
-</script>
+</script>
\ No newline at end of file