.wy-table-responsive .wrap-table td,
.wy-table-responsive .wrap-table th {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.wrap-table {
    table-layout: fixed;
    width: 100%;
}

.wrap-table th, .wrap-table td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Custom CSS for side-by-side images */
.flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
}

.flex-container img {
    max-width: 100%;
    height: auto;
}