.language-lesson {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #f9f9f9;
}

.lesson-audio {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.lesson-image {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    text-align: center;
}

.lesson-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.lesson-transcription {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.lesson-translation {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.lesson-transcription, .lesson-translation {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
}