.cards {
   height:100vh;
   background-color:#FF0000;
 
 }
.cards:nth-child(1) {
  height:400px;
  
}


.cards:nth-child(2) {
  margin-top: -60px;
  height:800px;
  
}

.cards:nth-child(3) {
  margin-top: -250px;
  height:600px;
}


.cards:nth-child(4) {
  margin-top: -200px;
  height: 200px;
  background-color:#33FF33;
}

.cards:nth-child(5) {
  margin-top: -150px;
  height: 150px;
}


.cards_wrap__card-stick {
 /* top: 8rem;*/
  top:20px;
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /*height: 250px;
  background-color:#CC9999;*/
   height:100vh;
 
}
 .color{
 	background-color:var(--secondary-color);
	}