.text-container {
        position: relative;
    }

    .text-content {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: calc(1.75em * 5); /* Adjust based on your line height */
        transition: max-height 0.3s ease;
    }

    .text-container.expanded .text-content {
        -webkit-line-clamp: unset;
        max-height: none;
    }

    .show-more-btn {
        display: none;
        margin-top: 10px;
        cursor: pointer;
        border: 1px solid white;
        padding: 5px 8px;
    }

    .text-container .show-more-btn.visible {
        display: inline-block;
    }