.carousel,
.carousel :global(.carousel-container) {
    max-width: 750px;
}

.carousel :global(.carousel-container) {
    height: 450px;
}

.carousel :global(.react-multi-carousel-dot-list) {
    bottom: unset;
    top: calc(100% + 1.5rem);
}

.carousel :global(.wrapper-image-carousel-image img) {
    object-fit: contain;
}


@media(max-width: 500px) {
    .carousel :global(.react-multiple-carousel__arrow--left) {
        display: none;
    }

    .carousel :global(.react-multiple-carousel__arrow--right) {
        display: none;
    }


}