.card-section-dynamic {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  scroll-snap-align: start;
}

.card-section-dynamic .card-section-wrapper.initial-state {
  height: 100vh;
}

.card-section-dynamic .card-section-wrapper {
  height: 97%;
  width: 95%;

  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 1.5s;
}

@media (max-width: 750px) {
  .card-section-dynamic .card-section-wrapper {
    height: 97%;
    width: 95%;
    padding-top: 20vh;
    overflow: hidden;
  }
}