.caption {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.3); /* Caption opacity */
    color: #fff;
    padding: 5px 10px;
    display: none; /* Initial state for fade effect */
}
.slick-active .caption {
    display: block; /* Show caption when slide is active */
}