.slide-up-enter-active, .slide-up-leave-active {
      transition: all 0.45s ease;
    }
    .slide-up-enter, .slide-up-leave-to {
      transform: translateY(100%);
      opacity: 0;
    }
    .full-screen-container {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: auto; 
    }
    .full-screen-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-90deg); 
      width: 170%; 
      height: 170%; 
      object-fit: contain; 
    }

    .point {
      z-index: 10;
      position: absolute;
    }

    .info-box {
      position: absolute;
      padding: 0.8vw; 
      border-radius: 0.3vw; 
      box-shadow: 0 0.2vw 0.4vw rgba(0, 0, 0, 0.2); 
      width: 13.5vw;
      max-width: 16vw; 
      z-index: 20;
    }

    .info-box h1 {
        font-size: 1vw; 
        margin-bottom: 0.3vw; 
        text-align: center;
        width: 95%; 
        margin: 0 auto; 
    }

    .info-box p {
        font-size: 0.87vw; 
        background-color: rgba(230, 215, 250, 0);
        padding-top: 0.5vw; 
        text-align: justify;
    }

    .taille {
        width: 95%;
        height: auto;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .la_legende {
      position: absolute; top: 89vh; left: 12vw; width: 10vw; height: auto; transform: rotate(-90deg); z-index: 11;
    }