<div class="heading">
  <a v-class="active: factionFilter == 'northern_realm'" v-on="click: changeDeck('northern_realm')">Northern Realm</a>
  <a v-class="active: factionFilter == 'scoiatael'" v-on="click: changeDeck('scoiatael')">Scoia'tael</a>
  <a v-class="active: factionFilter == 'monster'" v-on="click: changeDeck('monster')">Monster</a>
</div>

<div class="all-cards-wrap">
  <div class="all-cards">
    <div class="clear-space"></div>

    <div class="card-wrap" v-repeat="card: cards | filterBy factionFilter in faction">
      <div class="bla ani"></div>
      <div class="card-img card" v-style="background-image: 'url(http://80.240.132.120/gwent/assets/cards/' + card.img + '.png)'"></div>
      <div class="shadow"></div>
      <div class="overlay-card"></div>
    </div>

    <div class="clear-space"></div>

  </div>
</div>

  <style>

    .shadow-all-cards {
      height: 60px;
      float: left;
      width: 100%;
    }

.container-content {
  padding: 0;
}

    .test {
      float: left;
      overflow: hidden;
    }

    .remove {
      opacity: 0;
    }

    .load-deck {

    }
  </style>