.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.image {
  width: 100%;
}

.image-img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 1;
  width: 100%;
}

.step1 {
  display: flex;
}

.step1 .image-img {
  max-width: calc(700px * var(--scale));
}

.image-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.svg-icon svg {
  height: 100%;
  width: 100%;
}

.sticky {
  height: 600lvh;
}

.sticky-wrap {
  height: 100svh;
  position: sticky;
  left: 0;
  top: 0;
}

.step2 {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}