:root {
  --zus-color: #007834;
  --zus-color-transparent: #00783499;
}

.bg-zus {
  background-color: var(--zus-color);
}

.bg-zus-light {
  background-color: var(--zus-color-transparent);
}

.link-zus:hover {
  text-decoration: none;
}

.bg-zus-home {
  background-image: url(../img/main_page.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.image-wrapper {
    /* position: relative; */
    /* width: 100%; */
    aspect-ratio: 1600 / 377; /* zmień na proporcje twojego obrazka */
  }
  .image-wrapper img {
    /* position: absolute; */
    /* top: 0; left: 0; */
    /* width: 100%; */
    /* height: 100%; */
    object-fit: cover; /* dopasowuje obrazek, bez zniekształcenia */
  }
  .image-wrapper .overlay {
    /* position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    color: white;
    z-index: 10;
    pointer-events: none; /* żeby kliknięcia przechodziły do obrazka, jeśli potrzebujesz */
  }