/* Styles de base */
.image-transition-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.random-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 0;
}

/* S'assurer que le conteneur de flou et ses clones fonctionnent correctement */
.img-blur {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1; /* Base z-index pour l'image */
}

/* S'assurer que ces éléments restent au-dessus des images pendant la transition */
.title-top {
    position: relative;
    z-index: 20 !important; /* Priorité élevée */
}

.search-bar {
    position: relative;
    z-index: 20 !important; /* Priorité élevée */
}