.contactParallax {
  position: relative;
  background-image: url('/Images/index/sesja-jesienna-rodzinna-plener-bieganie-po-lace.webp');
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex; /* Dodaj flexbox, aby wyśrodkować zawartość */
  justify-content: center;
  align-items: center;
}

.contactParallax::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.contactParallax-inner {
  position: relative; /* Zmienione z absolute na relative */
  width: 100%;
  text-align: center;
  z-index: 2; /* Aby treść była nad nakładką */
  padding: 3rem 2rem; /* Dodałem padding, żeby tekst nie nachodził na krawędzie */
}

.contactParallax-text {
  font-family: "Roboto Flex", sans-serif;
  font-size: 3rem; /* Zmniejszyłem font na mobilkach */
  color: white;
  max-width: 900px; /* Zapobiega zbyt szerokiemu tekstowi */
  margin: 0 auto; /* Centrowanie */
}

/* Dodatkowe poprawki dla mobilnych */
@media (max-width: 768px) {
  .contactParallax {
    min-height: auto; /* Niech wysokość dopasuje się do zawartości */
    background-attachment: scroll; /* Wyłączenie parallax na mobilkach */
  }

  .contactParallax-text {
    font-size: 1.4rem; /* Jeszcze mniejszy tekst */
    padding: 1rem;
  }
}