.caption-position {
   top: 0px;
}
/* ทำให้ caption ค่อยๆ เฟดเข้าเมื่อ slide แสดง */
.fade-caption {
   opacity: 0;
   transform: translateY(20px);
   transition: opacity 0.8s ease, transform 0.8s ease;
}

.carousel-control-prev,
.carousel-control-next {
   width: 100px; /* ความกว้างของแถบโปร่ง */
   height: 100px; /* ความสูงของพื้นหลังโปร่ง */
   top: 50%; /* วางตำแหน่งกลางแนวตั้ง */
   transform: translateY(-50%); /* เลื่อนขึ้นครึ่งนึงให้กึ่งกลางจริง */
   background: rgba(0, 0, 0, 0.5); /* พื้นหลังโปร่ง */
   transition: background 0.3s ease;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
   background: rgba(0, 0, 0, 0.8); /* hover ให้เข้มขึ้น */
}

.carousel-control-prev {
   left: 0; /* ชิดซ้ายสุด */
}

.carousel-control-next {
   right: 0; /* ชิดขวาสุด */
}