.book-section {
    position: absolute; /* Maak de sectie absoluut gepositioneerd */
    top: 60%; /* Plaats de sectie in het verticale midden */
    left: 49.5%; /* Plaats de sectie in het horizontale midden */
    transform: translate(-50%, -50%); /* Centreer de sectie volledig */
    display: flex; /* Gebruik flexbox voor een horizontale lay-out */
    flex-direction: row; /* Plaats de secties naast elkaar */
    justify-content: space-between; /* Zorg voor ruimte tussen de secties */
    align-items: center; /* Centreer de inhoud verticaal */
    width: 55%; /* Beperk de breedte van de sectie */
    height: 80%; /* Pas de hoogte aan op basis van de inhoud */
    z-index: 40; /* Verhoog de z-index om boven de BookImgSection te staan */
    gap: 12%; /* Vergroot de ruimte tussen de secties naar 12% */
}

.book-section .left-section, .book-section .right-section {
    width: 100%; /* Laat de secties de volledige breedte van de ouder vullen */
    min-height: 30%; /* Gebruik min-height in plaats van height voor flexibiliteit */
    max-height: 80%; /* Stel een maximale hoogte in om buiten de sectie gaan te voorkomen */
    color: #ffffff; /* Zorg ervoor dat tekst leesbaar blijft */
    padding: 30px; /* Voeg wat ruimte binnen de secties toe */
    border-radius: 5px; /* Maak de hoeken iets afgerond */
    overflow: hidden; /* Voorkom dat inhoud buiten de sectie gaat */
    box-sizing: border-box; /* Houdt padding binnen de afmetingen */
}