<div class="hand-cards">

  <div class="card-wrap">
    <div class="card">
      <div class="bla ani"></div>
      <i class="card-sm-northern card-sm-northern-trebuchet1"></i>
      <div class="shadow"></div>
      <div class="overlay-card"></div>
    </div>
  </div>

  <div class="card-wrap">
    <div class="card">
      <div class="bla ani"></div>
      <i class="card-sm-monster card-sm-monster-leshen"></i>
      <div class="shadow"></div>
      <div class="overlay-card"></div>
    </div>
  </div>

  <div class="card-wrap">
    <div class="card">
      <div class="bla ani"></div>
      <i class="card-sm-monster card-sm-monster-imlerith"></i>
      <div class="shadow"></div>
      <div class="overlay-card"></div>
    </div>
  </div>

  <div class="card-wrap">
    <div class="card">
      <div class="bla ani"></div>
      <i class="card-sm-neutral card-sm-neutral-decoy"></i>
      <div class="shadow"></div>
      <div class="overlay-card"></div>
    </div>
  </div>

  <div class="card-wrap">
    <div class="card">
      <div class="bla ani"></div>
      <i class="card-sm-monster card-sm-monster-frightener"></i>
      <div class="shadow"></div>
      <div class="overlay-card"></div>
    </div>
  </div>

  <div class="card-wrap">
    <div class="card">
      <div class="bla ani"></div>
      <i class="card-sm-monster card-sm-monster-vampire_ekimmara"></i>
      <div class="shadow"></div>
      <div class="overlay-card"></div>
    </div>
  </div>

</div>