/* Ustawienia ogólne dla galerii */
.gallery {
    display: flex; /* Elastyczny układ */
    flex-wrap: wrap; /* Zdjęcia przechodzą do nowego wiersza */
    justify-content: center; /* Wyśrodkowanie zdjęć */
    gap: 20px; /* Odstępy między zdjęciami */
    padding: 20px; /* Odstępy wewnętrzne */
}

/* Styl dla zdjęć (linków) */
.gallery a {
    display: block; /* Link obejmuje całe zdjęcie */
    width: 300px; /* Szerokość zdjęcia */
    height: 300px; /* Wysokość zdjęcia */
}

/* Styl dla zdjęć */
.gallery img {
    width: 100%; /* Dopasowanie szerokości */
    height: 100%; /* Dopasowanie wysokości */
    object-fit: cover; /* Przycięcie zdjęcia */
    border-radius: 10px; /* Zaokrąglenie rogów */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Cień wokół zdjęcia */
    transition: transform 0.3s ease; /* Płynna animacja */
}

/* Efekt powiększenia zdjęcia po najechaniu */
.gallery img:hover {
    transform: scale(1.05); /* Powiększenie zdjęcia */
}
@media (max-width: 768px) {
    .header {
      font-size: 1.5em;
      padding: 10px;
    }
  }
  
  @media (max-width: 480px) {
    .header {
      font-size: 1.2em;
      padding: 5px;
    }
  }