
.img_wrapper {
    max-width: 100%;
    height: 20vw;
    display: flex;
    justify-content: left;
    padding-left: 15px;
    align-items: flex-start;
}
.img_wrapper img {
    max-width: 100%;
    max-height: 100%;
}
.custom_carousel .carousel-inner{
    text-align: left;
}
.custom_controls .carousel-control-prev{
    display: flex;
    justify-content: left;
    left: 7px;
}
.custom_controls .carousel-control-next{
    display: flex;
    justify-content: right;
    right: 7px;
}

@media screen and (min-width: 576px) {
    .custom_carousel .carousel-inner {
        display: flex;
    }
    .carousel_inner .carousel-item {
        display: flex;
        margin-right: 0;
        flex: 0 0 calc(100%/5);
    }
    .img_wrapper {
        height: 10vw;
        width: auto;
    }
}
.carousel_inner .carousel-item {
    display: flex;
}

.carousel_section .carousel-inner {
    padding: 1rem;
}
.img_wrapper img{
    width: auto;
}

.card {
    margin: 0 rem;
}

@media screen and (max-width: 576px) {
    .custom_carousel .carousel-inner {
        display: flex;
        overflow-x: auto;
    }
    .carousel-item {
        flex: 0 0 100%;
        margin-right: 0;
    }
    .img_wrapper {
        height: 50vw;
        width: auto;
    }
}