/* 3:1 oran */
.carousel-item {
  aspect-ratio: 3/1;
  background-color: #000;
}

.carousel-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
} 

/* Responsive yazı boyutları */
.carousel-caption h5 {
  font-size: clamp(1rem, 2.5vw, 3rem);
  font-weight: bold;
}

.carousel-caption p {
  font-size: clamp(0.8rem, 1.8vw, 1.5rem);
} 

/* Sağ/sol buton turuncu */
.carousel-control-prev,
.carousel-control-next {
  width: 5%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: orange;
  padding: 30px;
  border-radius: 50%;
  background-size: 50%, 50%;
} 

/* Yazı arka planı */
.carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.2rem;
  border-radius: 10px;
}