.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.gallery-item {
    position: relative;
    text-align: center;
    overflow: hidden; /* Zapobiega wyglądowi podpisu za obrazem */
    width: 200px; /* Ustawiamy szerokość kontenera */
    height: 250px; /* Ustawiamy wysokość kontenera */
    border-radius: 10px; /* Zaokrąglone krawędzie */
}
.gallery-item img {
    width: 100%; /* Zajmuje całą szerokość kontenera */
    height: auto; /* Automatycznie dostosowuje wysokość */
    transition: transform 0.3s ease;
    object-fit: cover; /* Dostosowuje obraz do kontenera */
    border-radius: 10px 10px 0 0; /* Zaokrąglenie tylko górnych rogów */
}
.gallery-item img:hover {
    transform: scale(1.1);
}
.caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px 0;
    border-radius: 0 0 10px 10px; /* Zaokrąglenie tylko dolnych rogów */
    opacity: 1; /* Zawsze widoczny podpis */
}
.caption a {
    text-decoration: none; /* Usuwamy podkreślenie odnośnika */
    color: #333; /* Kolor tekstu odnośnika */
    font-weight: bold;
}