.caption-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%; /* Adjust for container responsiveness */
    display: inline-block;
}

.caption-text .more-text {
    display: none; /* Hide the additional text by default */
}

.caption-text.expanded {
    white-space: normal; /* Allow multiple lines when expanded */
    overflow: visible;
}

.caption-text.expanded .more-text {
    display: inline; /* Show the hidden part */
}

.caption-text a.toggle-more {
    /*color: #007bff;  Optional styling for link */
    cursor: pointer;
    font-weight: bold;
    /* text-decoration: underline; */
}