.spacer,
.wrapper {
  width: 100%;
  min-height: 100vh;
}

.wrapper {
  padding-top: 0px;
  padding-bottom: 0px;
  
}

.card-wrapper {
  width: 100%;
  perspective: 500px;
  margin-bottom: 50px;
}

.card-wrapper:last-child {
  margin-bottom: 0;
}

.cards {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 0 20px;
}

.card {
  width: 100%;
  height: 700px;
  display: flex;
 
}

.card img {
  border-radius: 30px;
}

/* .card {
  border-radius: 10px;
  background-image: url("https://assets.codepen.io/16327/portrait-pattern-1.jpg");
}

.card.two {
  background-image: url("https://assets.codepen.io/16327/portrait-pattern-2.jpg");
}

.card.three {
  background-image: url("https://assets.codepen.io/16327/portrait-pattern-3.jpg");
}

.card.four {
  background-image: url("https://assets.codepen.io/16327/portrait-pattern-4.jpg");
} */

@media (min-width: 768px) {
  .cards {
    width: 80%;
    padding: 0 30px;
  }
}

@media (min-width: 1024px) {
  .cards {
    width: 70%;
    padding: 0 50px;
  }
}