.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 8px;
    padding: 10px;
    /* Optional padding around the grid */
}

.card {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    /* Enable flexbox for image and text alignment */
    align-items: center;
    /* Vertically align items in the center */
}

.card-image-left {
    margin-right: 15px;
}

.card-image-right {
    margin-left: 15px;
}

.card img {
    display: block;
    /* Prevent extra space below inline images */
    max-width: 80px;
    /* Adjust as needed */
    height: auto;
    border-radius: 4px;
    /* Optional image border-radius */
}

.card-content {
    flex-grow: 1;
    /* Allow text content to take remaining space */
}

.div1 {
    grid-column: 1 / -1;
    /* Span all 5 columns */
    grid-row: 1 / 3;
    /* Span rows 1 and 2 */
}

.div2 {
    grid-column: 1 / -1;
    grid-row: 3 / 5;
}

.div3 {
    grid-column: 1 / -1;
    grid-row: 5 / 7;
}