.exit {
    float: left;
}
.carouselContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    direction: ltr;
}
.carouselLeft {
    flex-grow: 0;
    display: block;
    cursor: pointer !important;
    text-align:left;
}
.carouselRight {
    flex-grow: 0;
    display: block;
    cursor: pointer !important;
    text-align: right;    
}
.carouselMid {
    flex-grow: 1;
}
.carouselLeft .fa ,.carouselRight .fa {
    color: #fff;
}
.carousel .mytext {
    text-decoration: none;
    font-size: 90%;
    text-align: center;
    z-index: 1;
    margin-top: 5px;
}

.carousel .myimg {
    margin: 10px;
    padding: 10px;
    border-radius:10px;
    text-align: center;
    -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
    box-shadow: 0 0 7px #ddd;
}
    .carousel .myimg img {
        max-width: 100% !important;
    }

    .carousel .myimg:hover {

    }

.carousel .placeholder {
    background-color:transparent !important;
    opacity:1 !important;
}

.carousel {
    position: relative;
}


    .carousel figure {
        margin: 0;
        padding: 0;
        background-color: transparent !important;
        overflow: hidden;
    }

.carousel figure:hover + span {
        bottom: -36px;
        opacity: 1;
    }

.carousel .myimg figure img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

.carousel .myimg figure:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .carousel figure img {
        float: none !important;
    }