/* Page content container with left/right margins */
.general-text-page {
    width: 90%;
    max-width: 800px; /* Adjust as needed */
    margin: 0 auto; /* Centers the container */
    padding: 1.5rem; /* Adds space inside the container */
}
  
/* Hover image container wrapper */
.image-preview-wrapper {
    position: relative;
    display: inline-block;
}
  
/* Hidden preview container */
.preview-image {
    max-width: none;
    display: none;
    position: absolute;
    bottom: 100%; /* Below the text */
    left: 0;
    z-index: 10;
    background: #fff;
    padding: 0.5rem;
    border: 1px solid #ccc;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    white-space: nowrap;
    margin-bottom: 0.5rem;
}
  
/* Show images on hover */
.image-preview-wrapper:hover .preview-image {
    display: block;
}
  
/* Style individual images */
.preview-image img {
    max-width: none;
    height: auto;
    margin-right: 0.5rem;
    vertical-align: top;
}