/* external css: flickity.css */
        
        .carousel-cell {
            width: 100%;
            /* full width */
            height: 500px;
            background: #222;
            /* center images in cells with flexbox */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .carousel.is-fullscreen .carousel-cell {
            height: 100%;
        }
        
        .carousel-cell img {
            display: block;
            max-height: 100%;
        }
        
        .flickity-viewport {
            transition: height 0.2s;
        }
        
        .flickity-page-dots .dot {
            background: white;
        }
        
        @media screen and (max-width: 992px) {
            .carousel-cell {
                height: 200px;
            }
        }