.carousel-item img {
    width: 100%;
    height: 500px; /* Tinggi tetap untuk desktop */
    object-fit: cover;
}

.carousel-item img:hover {
    transform: scale(1.05); 
}

.carousel-inner {
    position: relative; 
}

.carousel-control-prev, .carousel-control-next {
    filter: invert(1);
}

/* Responsif untuk mobile */
@media (max-width: 768px) {
    .carousel-item img {
        height: 400px; /* Tinggi untuk tablet dan mobile */
    }
}

@media (max-width: 576px) {
    .carousel-item img {
        height: 300px; /* Tinggi lebih kecil untuk mobile */
    }
}