/* Banner background image and overlay */
.banner {
  background-image: url("/assets/images/banner.jpg");
}

.banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 31, 58, 0.75);
  z-index: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .banner {
    background-attachment: scroll;
  }
}