Original Anki

Front:
<div style="text-align:center;padding-left: 0px;">
<img src="{{Snapshot}}"></div>
<tts service="naver" voice="ja">{{Audio}}</tts>
<span style=color:#027702">[...]

Styling:
.card {
  font-family: Meiryo;
  font-size: 20px;
  text-align: center;
  color: black;
  background-color: white;
}

.card1 {
  font-weight: normal;
  color: #027702;
}

.english {
  opacity: 0;
  transition-property: opacity;
  transition: 0.3s ease-in-out;

  color: black;
}

.english:hover {
  opacity: 100;
}

.furigana {
  color: #027702;
}
ruby rt { visibility: hidden; } ruby:hover rt { visibility: visible; }
Back:
<div class="back"><div style="text-align:center;color:black">
 出所:<span style=color:#339922"> {{Source}}</span>
<br>
<img src="{{Snapshot}}"
<br>
  <div class="furigana" style="text-align: center;font-size: 40px;">
     {{furigana:Furigana}}
  </div>
  <div style='font-size: 22px;text-align: center'>
  {{furigana:Back}}
  </div>
  <div class="english" style='font-size: 20px;text-align: center'>
     {{English}}
</div>
<br>
<div class="english" style='font-size: 20px;text-align: right'>
     {{Morpheme}}
</div>