.card {
    background-color: #000000 !important; /* Wymusza czarne tło */
    color: #ffffff; /* Ustawia kolor tekstu na biały */
    border: none; /* Usuwa obramowanie */
}

.custom-card {
    width: 300px;  /* Ustawia szerokość karty */
    height: 400px; /* Ustawia wysokość karty */
    margin: 0 auto;
    background-color: #000000; /* Ustawia tło na czarne */
    color: #ffffff; /* Ustawia kolor tekstu na biały */
    border: 1px solid #ffffff; /* Dodaje biały obrys dla kontrastu */
    background-color: #000000 !important; /* Wymusza czarne tło */
}

.custom-card .card-img-top {
    width: 100%;
    height: 200px; /* Ustawia wysokość obrazu */
    object-fit: cover; /* Dopasowuje obraz, aby nie zniekształcał się */
}

.custom-card .card-body {
    height: 200px; /* Dopasowuje wysokość sekcji z treścią */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.custom-card .card-title {
    font-size: 1.2em; /* Zmniejsza rozmiar czcionki tytułu */
    margin-bottom: 10px;
}

.custom-card .card-text {
    color: #ff0000; /* Kolor tekstu dla tytułu i opisu */
    font-size: 1em; /* Zmniejsza rozmiar czcionki tekstu */
    margin-bottom: 10px; /* Zmniejsza odstęp poniżej kwoty */
}

.custom-card .btn {
    font-size: 0.9em; /* Zmniejsza rozmiar czcionki przycisku */
    padding: 5px 10px; /* Zmniejsza padding przycisku */
}

div.card .btn-primary {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #ffffff;
}

div.card .btn-primary:hover {
    background-color: #cc0000;
    border-color: #cc0000;
}

.card-img-top {
    overflow: hidden; /* Ukrywa część obrazu poza kontenerem */
    position: relative;
}

.card-img-top img {
    width: 100%; /* Ustawia szerokość obrazu na 100% kontenera */
    height: auto; /* Ustawia wysokość obrazu automatycznie */
    transition: transform 0.4s ease; /* Płynna animacja przy transformacji */
    filter: blur(2px);
    transition: filter 0.4s ease;
}

.card-img-top:hover img {
    transform: scale(1.1); /* Powiększa obraz o 10% */
    filter: blur(0);
}