.parallax-img {
  transform: translateY(0px);
  transition: transform 0.1s ease-out;
  will-change: transform;
}

.parallax-text {
  will-change: transform;
  transition: transform 0.1s ease-out;
}

.exp-card {
  transition: transform 0.2s ease-out;
  will-change: transform;
}

/* body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%; 
  background-image: url("image/back.jpg");
  background-size: cover;
  background-repeat: repeat-y; 
  background-position: center top;
  z-index: -1;
  transform: translateY(var(--bg-offset, 0px));
  will-change: transform;
} */

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 200vh; /* 👈 супердлинный фон */
  /* background-image: url("image/back.jpg"), url("image/back.jpg"); вставляем дважды */
  background-size: cover;
  background-repeat: repeat-y;
  background-position: center top, center bottom;
  background-blend-mode: normal;
  transform: translateY(var(--bg-offset, 0px));
  will-change: transform;
  z-index: -1;
  pointer-events: none;
}
body::before {
  transform: translateY(var(--bg-offset, 0px));
}