.bridge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 700px;
  min-height: 100px; /* możesz dostosować */
  background-image: url('static/bridge.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center -90px;
  opacity: 0.12;
  z-index: 2;
  pointer-events: none;
  filter: brightness(80%) contrast(110%);
}

/* RESPONSYWNOŚĆ – zmniejszamy wysokość mostu na małych ekranach */
@media (max-width: 768px) {
  .bridge {
    height: 400px;
    background-position: center -40px;
  }
}

@media (max-width: 480px) {
  .bridge {
    height: 280px;
    background-position: center top;
  }
}
.bridge-wrapper {
  position: relative;
  z-index: 2; /* żeby było nad tłem, ale pod resztą strony */
}