.parallax-section {
  background-size: cover !important;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  /* Przygotowanie do płynnego wejścia */
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/* Ta klasa zostanie dodana przez JS po ustawieniu tła */
.parallax-section.is-loaded {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .parallax-section {
    background-size: auto 160% !important;
  }
}
