[onclick^="expand_to_fullscreen(this)"] {
    transition: transform 1s;
}

[onclick^="expand_to_fullscreen(this)"]:not(.full-screen):hover {
    transform: translateY(-6px);
    cursor: zoom-in;
}

[onclick^="expand_to_fullscreen(this)"].full-screen:hover {
    cursor: zoom-out;
}

.full-screen {
    position: fixed;
    color:black;
    font-size: 50px;
    top: 0;
    left: 0;
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    max-height: 100%; /* Vous pouvez ajuster cette valeur si nécessaire */
    overflow-y: auto; /* Active le défilement vertical si le contenu dépasse la hauteur maximale */
    padding: 50px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 9999;
  }

.full-page {
    position: fixed;
    color:black;
    font-size: 50px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%; /* Vous pouvez ajuster cette valeur si nécessaire */
    overflow-y: auto; /* Active le défilement vertical si le contenu dépasse la hauteur maximale */
    padding: 50px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 5;
}