.main-carousel {
    background-color: rgba(300, 300, 300, .9);
    padding-top: 100px;
}

.carousel-cell {
    width: 100%; /* full width */
}

    .carousel-cell img {
        width: 100%;
        object-fit:cover;
    }

.flickity-page-dots {
    bottom: 30px;
}

    .flickity-page-dots .dot {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        opacity: 1;
        background-color: rgb(200, 200, 200)
    }

    .flickity-page-dots .dot.is-selected {
        opacity: 1;
        background-color: #a38d54;
    }

@media only screen and (max-width: 1200px) {
    .flickity-page-dots .dot {
        width: 24px;
        height: 24px;
    }
    .flickity-page-dots {
        bottom: 20px;
    }
}