.stacked-cards {
  position: relative;
}

.stacked-cards ul {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0;
}

.stacked-cards li {
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0 3px 6px 0px #333;
  list-style: none;
  /* width: 75%; */
  position: absolute;
  left: 50%;
  transition: 0.5s ease transform;

}

.stacked-cards li:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.stacked-cards li.active:after {
  display: none;
}

.stacked-cards li img {
  position: relative;
  display: block;
  max-width: 100%;

  height: auto;
  z-index: 4;
}

.stacked-cards li.active {
  cursor: default;
  box-shadow: 0 5px 10px 0px #333;
  transition: 0.5s ease transform;

}