Card html layout

Because the cards have the info built into the images, the card's data can be in the div. Maybe something like this? It might be better to separate the villain and the hero card in two different .json files and lessen the number of div's needed

div class: hero-card 
   div class: card-info, data-name=__, data-level=__, data-attack=__, data-class=__, data-class-stat=__, 
      div class: card image
         img card image here
      div
   div
div

div class: villain-card 
   div class: card-info, data-name=__, data-level=__, data-attack=__, data-class=__, data-class-stat=__, 
      div class: card image
         img card image here
      div
   div
div