.carousel article {
    display: none;
}

.carousel article.carousel-active {
    display: block;
}

.carousel .carousel-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    margin-right: 4px;
    border: 1px solid #B9C0D0;
    cursor: pointer;
}

    .carousel .carousel-dot.carousel-active {
        background: #B9C0D0;
    }

@media (min-width: 550px) {
    .carousel .carousel-dot {
        width: 8px;
        height: 8px;
        margin-right: 5px;
    }

    .carousel .carousel-dots {
        margin-top: 24px;
    }
}