/*@media (min-width: 650px) {*/
/*    .containerMobile {*/
/*        display: none;*/
/*    }*/
/*}*/

/*@media (max-width: 650px) {*/
/*    .containerDesktop {*/
/*        display: none;*/
/*    }*/
/*}*/

.image-container {
    position: relative;
}

.image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.3) 100%);
    z-index: 1;
}

.image-container img {
    z-index: 2;
}

.carousel-caption {
    /* Rétablir la position statique et enlever le filtre de la légende */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 3; /* Assurez-vous que la légende reste au-dessus du dégradé */

}