.top-banner {
  background-image: url("https://dromak.pl/wp-content/uploads/2025/09/Zestawienie-znakow_lodzkie_kolor-1-scaled.jpg");
  background-size: contain;      /* całe zdjęcie zawsze widać */
  background-position: center;   /* wyśrodkowanie obrazka */
  background-repeat: no-repeat;  /* bez powtarzania */
  width: 100%;                   /* pełna szerokość */
  height: auto;                  /* wysokość dostosowana do proporcji */
  padding-top: 7%;              /* proporcjonalna wysokość – dopasuj w razie potrzeby */
  cursor: pointer;
}

@media (max-width: 768px) {
  .top-banner {
    padding-top: 10%;            /* większa wysokość dla mobilnych ekranów */
  }
}

@media (max-width: 480px) {
  .top-banner {
    padding-top: 10%;            /* jeszcze wyższy banner dla małych telefonów */
  }
}