/* Ustawienia bazowe dla strony */
html, body {
    height: 100%; /* Upewnia się, że html i body mają 100% wysokości okna przeglądarki */
    margin: 0; /* Usuwa domyślny margines przeglądarki */
    padding: 0; /* Usuwa domyślny padding przeglądarki */
    overflow: hidden; /* Zapobiega pojawieniu się pasków przewijania, jeśli obraz jest większy niż okno */
}

/* Styl dla kontenera obrazu */
.background-image {
    /* Upewnia się, że ten element zajmuje całe okno */
    width: 100vw; /* 100% szerokości viewportu (okna) */
    height: 100vh; /* 100% wysokości viewportu (okna) */
    
    /* 1. TUTAJ PODAJ ŚCIEŻKĘ DO SWOJEGO OBRAZKA */
    background-image: url('igp.jpg'); 
    
    /* 2. Skalowanie: Kluczowa właściwość! */
    /* Upewnia się, że obraz zawsze pokryje całą przestrzeń, nawet jeśli część zostanie przycięta. */
    background-size: cover; 
    
    /* 3. Pozycjonowanie: Utrzymuje obraz wyśrodkowany. */
    background-position: center; 
    
    /* 4. Zapobieganie powtarzaniu tła. */
    background-repeat: no-repeat;
}