.carousel {
    img {
        width: auto;
        height: 150px;
    }
}

.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding-left: 0!important;
    li {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #ddd;
        list-style-type: none;
        transition: all 200ms linear ease-in-out;
        button {
            display: none !important;
        }
        &.slick-active {
            transition: all 200ms linear ease-in-out;
            background: #0d6efd;
        }
    }
}