.fancy-img {
  transition: all 0.4s ease;
  transform: scale(1);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.fancy-img:hover {
  transform: scale(1.1);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.5);
}



.highlight-on-scroll {
  color: #999;
  transition: color 0.6s ease;
}

.highlight-on-scroll.visible {
  color: #e91e63; /* выбери любой цвет */
}



document.addEventListener("DOMContentLoaded", function () {
  const targets = document.querySelectorAll(".highlight-on-scroll");

  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add("visible");
      }
    });
  });

  targets.forEach(target => observer.observe(target));
});