/* Database Slider Styles */
.slider-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.item .image .slider-image {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Ensure proper aspect ratio for slider images */
.cyclr.aspect-ratio-3-2 .slider-image {
    aspect-ratio: 3/2;
    object-fit: cover;
}

/* Fallback for browsers that don't support aspect-ratio */
@supports not (aspect-ratio: 3/2) {
    .cyclr.aspect-ratio-3-2 .item {
        position: relative;
        padding-bottom: 66.67%; /* 2/3 = 0.6667 */
    }
    
    .cyclr.aspect-ratio-3-2 .slider-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}