/* about.css – Fade-In und leichter Parallaxeffekt für das "Über mich"-Foto */

/* Fade-in bei Sichtbarkeit */
.fade-in{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .5s ease, transform .5s ease;
}
.fade-in.is-visible{
  opacity:1;
  transform:none;
}

/* Parallax-Container */
.parallax-wrap{
  position:relative;
  overflow:hidden;
}
.parallax-wrap img{
  will-change:transform;
  transition:transform .05s linear;
}

/* Optional: sanftes Hochgleiten beim Scrollen */
@media (prefers-reduced-motion:no-preference){
  .parallax-wrap img{
    transform:translateY(0);
  }
}