/* Jashn Image Carousel */

.jc-outer {
    width: 100%;
    overflow: hidden;
    background: transparent;
    position: relative;
    /* height set by JS based on data-height attribute */
}

.jc-track {
    display: flex;
    /* width and transition set by JS */
    will-change: transform;
}

.jc-slide {
    flex-shrink: 0;
    /* width set by JS to 1/5 of container */
    padding: 0 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jc-slide img {
    display: block;
    width: auto;
    max-width: 100%;
    /* height set by JS to match data-height */
    object-fit: contain;
    background: transparent;
}
