/* Centrer le dernier bloc de la section A propos */
.a-propos-last-content {
    margin: auto;
}

/* Parallax Inverse Effect pour la section A propos */

.parallax-inverse-active {
    position: relative;
    overflow: hidden;
}

.parallax-image-wrapper {
    position: absolute;
    top: 0;
    left: -275px; /* 1/4 de 1100px hors ecran, 3/4 visible */
    width: 1100px;
    height: 1100px;
    z-index: 0;
    pointer-events: none;
    will-change: transform, opacity;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* Acceleration GPU pour une animation ultra-fluide */
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

/* S'assurer que le contenu de la section reste au-dessus de l'image */
.parallax-inverse-active > *:not(.parallax-image-wrapper):not(.sakura-container) {
    position: relative;
    z-index: 2;
}

/* Sakura container entre le parallax (z-index 0) et le contenu (z-index 2) */
.parallax-inverse-active > .sakura-container {
    z-index: 1 !important;
}