.scroll-track {
  height: 400vh; /* Adjust this to change scroll speed/duration */
  background-color: #FFF;
}

.sticky-wrapper {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden; /* Hide the cards as they slide out */
  display: flex;
  align-items: center;
	background-color: rgb(248 248 248);
	/* background: linear-gradient(180deg,rgba(252, 252, 252, 1) 0%, rgba(242, 242, 242, 1) 70%); */
}

.horizontal-content {
  display: flex;
  padding: 0 10vw;
  will-change: transform;
}

.card {
  flex-shrink: 0;
  width: 80vw;
  height: calc(100vh - 210px);
  margin-right: 10vw;
  /*display: flex;
  align-items: center;
  justify-content: center;
	background-color: rgb(212 205 0 / 38%);
  box-shadow: 0 0 10px rgb(0 0 0 / 5%);*/
	background-color: rgb(0 0 0 / 4%);
  border-radius: 20px;
	padding: 35px;
	overflow: hidden; 
}

.spacer {
  height: 100vh;
  background: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
}