.page-wrapper {
    width: calc(100vw-10px);
    height: calc(100vh-10px);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.image-container {
    width: 20vw;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 5px solid #c47200;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

#zoomImage {
    height: 100%; 
    object-fit: contain;
    display: block;
    position: absolute;    
    top: 50%;            
    left: 50%;            
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    transition: transform 0.05s ease-out;    
    cursor: grab;
}

.carte {
    display: flex;
    justify-content: center;
    align-items:center;
}

button {
    color: #DE8100;
    background-color: rgba(22,32,43,.9);
    border-radius: 10px;
    border: none;
    font-family: "Lemon Regular";
    font-size: large;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    cursor: pointer;
}

button:hover {
  background-color: #ffffff;
  color: #213040;
}

.split {
  display: flex;
}

.split div {
  flex-basis: 60%;
}