.expand {
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    cursor: pointer;
}
.expandable {
    display:none;
}
/* CSS Styling */
.flex-container {
  display: flex;
  gap: 20px; /* Modern spacing between items */
}

.flex-item {
  flex: 1; /* Allows equal growth and shrinking */
  min-width: 0; /* CRITICAL: Allows the flex item to shrink below the image content size */
}

.flex-image {
  width: 100%;
  height: auto; /* Keeps the original aspect ratio */
  display: block; /* Removes unwanted baseline bottom spacing */
}