.banner-background {
  position: relative;
  display: flex;
  justify-content: center;  /* Yatay ortala */
  align-items: center;      /* Dikey ortala */
  width: auto;
  height: 550px;            /* Banner yüksekliğini kendine göre ayarla */
  overflow: hidden;
}

.banner-background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.7);
}

.bilgi {
  position: relative;       /* Flex container içindeki konum */
  z-index: 1;               /* Yazıyı üstte tutar */
  text-align: center;
}

.bilgi h6 {
    color: #fff;
  font-size: 50px;
  font-weight: bold;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}
/* Responsive Design */
@media (max-width: 1200px) {
  .banner .bilgi h6 {
    font-size: 50px;
  }
}

@media (max-width: 992px) {
  .banner .bilgi h6 {
    font-size: 40px;
  }

  .banner {
    font-size: 80px;
  }

  .banner-background {
    height: 400px;
  }
}

@media (max-width: 768px) {
  html, body {
    overflow-x: hidden; 
}
  .banner .bilgi h6 {
    font-size: 40px;
  }

  .banner {
    font-size: 60px;
  }

  .banner-background {
    height: 300px;
  }
}

@media (max-width: 576px) {
  html, body {
    overflow-x: hidden; 
}
  .banner .bilgi h6 {
    font-size: 35px;
  }

  .banner {
    font-size: 40px;
  }

  .banner-background {
    height: 260px;
  }
}