      </div>
        </div>
    </div>

    <div class="card" onclick="this.classList.toggle('flip')">
        <div class="card-inner">
            <div class="card-front d"><h1>The Handmaid's Tale</h1></div>
            <div class="card-back">
                <h3>Author: Margaret Atwood</h3>
                <p><strong>Summary:</strong> In a patriarchal society called Gilead, women are stripped of their rights, and Offred is forced into servitude as a handmaid.</p>
                <p><strong>Publication:</s