/* BATASI TINGGI CAROUSEL */
#mainCarousel .carousel-inner {
    height: 65vh;
    overflow: hidden;
}

/* ITEM */
#mainCarousel .carousel-item {
    height: 100%;
    position: relative;
}

/* GAMBAR */
#mainCarousel .carousel-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* CAPTION */
#mainCarousel .carousel-caption {
    bottom: 20%;
    text-align: center;
    background: rgba(0, 0, 0, 0.45);
    padding: 15px 25px;
    border-radius: 10px;
}

/* RESPONSIVE HP */
@media (max-width: 768px) {
    #mainCarousel .carousel-inner {
        height: 45vh;
    }

    #mainCarousel .carousel-caption {
        bottom: 10%;
        font-size: 14px;
    }
}