.slide-container {
  margin: auto;
  width: 90%;
  text-align:center;
}

.wrapper {border-radius:8px;}
.wrapper:focus {
  outline: 0;
}

.clash-card {
  width: 100%;
  display: inline-block;
  margin: auto;
  position: relative;
  text-align: center;
  z-index: 9999;
}

.clash-card__image {
  position: relative;
  height: 25vh;
  line-height:25vh;
  color:#FFF;
  font-size:1.4em;
  font-weight:bold;
}

.clash-card__image--barbarian {
}
.clash-card__image--barbarian img {
  width: 100%;
  position: absolute;
  
}

.clash-card__image--archer {}
.clash-card__image--archer img {
  width: 100%;
  height:25vh;
  position: absolute;
}

.clash-card__image--giant {}
.clash-card__image--giant img {
  width: 100%;
  height:25vh;
  position: absolute;
}

.clash-card__image--goblin {}
.clash-card__image--goblin img {
  width: 100%;
  height:25vh;
  position: absolute;
}

.clash-card__image--wizard {}
.clash-card__image--wizard img {
  position: absolute;
  width: 100%;
  height:25vh;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.slick-prev {
  left: 5%;
  z-index: 999;
}

.slick-next {
  right: 5%;
  z-index: 999;
}