.Guzikowa-20 {
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    text-transform: none;
    white-space: pre-line;
    text-align: justify;
}
.Std-14 {
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    color: #ffffff;
    text-transform: none;
    white-space: pre-line;
    text-align: justify;
    word-break: normal;        /* słowa nie dzielone w środku */
    overflow-wrap: anywhere;   /* pozwala zawinąć słowo całe do następnej linii jeśli za długie */
    hyphens: none;             /* brak dzielenia na sylaby */
    white-space: normal;
}

.Head-25 {
    margin: 0px 0px 0px 0px;
    font-family: Cascadia Code;
    font-weight: bold;
    text-decoration: underline;
    font-size: 25px;
    color: #000000;
    text-transform: none;
    white-space: pre-line;
    text-align: justify;
    word-break: normal;        /* słowa nie dzielone w środku */
    overflow-wrap: anywhere;   /* pozwala zawinąć słowo całe do następnej linii jeśli za długie */
    hyphens: none;             /* brak dzielenia na sylaby */
    white-space: normal;
}

.carousel {
  max-width: 80vh;   /* zmień np. na 600px jeśli chcesz mniejsze */
  margin: 0 auto;
  margin-top: 8vh;
  position: relative;
  overflow: hidden;
}

.slides {
  position: relative;
  height: 100%; /* ważne, żeby nie „skakało” */
}

.slides img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

.slides img.active {
  opacity: 1;
  position: relative;
}

.carousel button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  border: none;
  color: white;
  font-size: 24px;
  padding: 8px 12px;
  cursor: pointer;
  z-index: 10;
}

.prev { left: 10px; }
.next { right: 10px; }