* {
  margin: 0; /* Resetuje marginesy wszystkich elementów */
  padding: 0; /* Resetuje padding wszystkich elementów */
  box-sizing: border-box; /* Ułatwia kontrolę wymiarów */
}

html, body {
  width: 100%; /* Ustawia szerokość na 100% */
  height: 100%; /* Ustawia wysokość na 100% */
}

.image-container {
    width: 100vw; /* Szerokość 100% rodzica */
    height: 100vh;
    overflow: hidden; /* Przycinanie nadmiaru */
    position: relative; /* Aby umożliwić pozycjonowanie */
    margin: 0,0,0,0;
  }
  
  .image-container img {
    width: 100%; /* Dostosowanie szerokości */
    height: 100%; /* Dostosowanie wysokości */
    object-fit: cover; /* Zapewnienie pełnego wypełnienia i przycięcia */
    position: absolute; /* Aby zapobiec przemieszczeniu */
    margin: 0,0,0,0;
    display: block; /* Usuwa potencjalne przerwy między elementami */
  }