.smoverlay {
    position: relative;
    min-height: 50px; /* Ensure it has some height */
}
    .smoverlay::after {
        content: 'Debug';
        background: red;
        height: 50px;
        display: block;
    }
/*.smoverlay::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background: linear-gradient(to bottom, transparent, #fff);
        display: none;
    }*/

.show-more {
    cursor: pointer;
    display: none;
    z-index: 2;
    position: relative;
    /* color: blue;
        text-decoration: underline; */
}
.overlay-container {
    position: relative;
    height: 150px;
    top: -150px;
    z-index: 2;
    display: none;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
}

    .overlay-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8);
        z-index: 1;
    }
.overlay-lastitem {
    height: 120px;
    overflow: hidden;
}