@media screen and (min-width: 576px) {
    .carousel-inner {
        display: flex;
    }

    .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100% / 2);
    }
}

@media screen and (min-width: 1200px) {
    .carousel-item {
        flex: 0 0 calc(100% / 3);
    }
}


.carousel-inner {
    padding: 1rem;
}

#carouselPost > .carousel-inner > .carousel-item > .post-card {
    margin: 0 .5rem;
}

#carouselPost > .carousel-inner > .carousel-item > .post-card > .card-body > div > div > img {
    height: 10rem !important;
}

.carousel-control-prev, .carousel-control-next {
    width: 6vh;
    height: 6vh;
    background-color: #e1e1e1;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}