.sticky-scroll-section {
  position: relative;
  top: 0;
  width: 100%;
}

.sticky-wrapper {
  position: sticky;
  top: 0;
  height: 600px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.sticky-content {
  max-width: 1000px;
  padding: 2rem;
  text-align: center;
}

.sticky-heading {
  font-size: 3.5rem;
  font-weight: bold;
}

#dynamic-text{
   font-size:1.8rem;
   max-width: 600px;
}

.gradient {
  background: linear-gradient(to right, #3f51b5, #9c27b0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.image-group img {
  width: 100%;
  max-width: 800px;
  margin-top: 2rem;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.scroll-triggers {
  display: flex;
  flex-direction: column;
  gap: 100vh; /* creates scroll space between panels */
  padding-bottom: 100vh;
}

.trigger {
  height: 1px;
}


@media (max-width: 468px) {


  .sticky-heading {
    font-size: 2.5rem;
  }

  #dynamic-text{
    font-size: 1.6rem;
  }

}