.card-title {
    color: var(--primary);
    font-weight: bold;
    text-transform: uppercase;
}

.wide-image-hero {
  background: linear-gradient(to top, var(--primary) 0%, rgba(0,0,0,0.7) 100%), url('https://dfdu1vke3eg77.cloudfront.net/spaces/501/uploads/hc53Xvq2bea0F00RsFzfpebrUbC1kaFyGJ9tQWF2.png') center / cover no-repeat;
  width: 100%;
  height: 100vh;
  min-height: 500px; /* Minimalna wysokość, aby upewnić się, że tekst się mieści */
  display: flex;
  align-items: center; /* Centruje tekst w pionie */
  justify-content: center; /* Centruje tekst w poziomie */
  color: #fff; /* Kolor tekstu */
  text-align: center; /* Wyrównanie tekstu do środka */
}

/* Zapewnienie odpowiedniej widoczności tekstu na wszelkiej wielkości ekranów */
.wide-image-hero h1, .wide-image-hero p {
  margin: 0.5rem;
  background-color: rgba(0, 0, 0, 0.01); /* Lekkie tło dla tekstu, aby poprawić czytelność */
  display: inline-block;
  padding: 0.5rem;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}