.footer-background {
  position: relative;
  background: #000 url("../img/footer2.png") center/cover no-repeat;
  padding: 3rem 1rem;
  overflow: hidden;
}

.footer-background::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);  /* zwarte overlay, pas opacity naar wens aan */
  pointer-events: none;
  z-index: 0;
}

.footer-background .footer-top,
.footer-background .container {
  position: relative;
  z-index: 1;
}