/* Fiche de style du carousel */

.carouselGallery {
    position: relative;
    width: 100%;
    height: 75%;
    display: inline-flex;
    overflow: hidden;
}

.carouselSlide {
    margin-right: 10px;
    margin-left: 10px;
    height: 70%;
    margin-top: 4%;
    display: list-item;
    list-style-image: url("../images/dot.png");
}

.carouselSlide img {
    transition-duration: 500ms;
    align-self: center;
    max-height: 100%;
}

.carouselSlide img:hover{
    transform: scale(1.5);
}

.arrow {
    display: flex;
    top: 74.5%;
    position: absolute;
    width: 70px;
}

@media (max-width: 700px) {
    .carouselGallery {
        overflow-x: scroll;
    }
}

.right {
    right: 0;
    transform: translate(0, -50%);
}

.left {
    transform: translate(0, -50%);
}

.right:hover {
    transform: translate(0, -50%) scale(1.05);
    opacity: 1;
}

.left:hover {
    transform: translate(0, -50%) scale(1.05);
    opacity: 1;
}