.info-box {
    text-align: center;
    color: white;
    cursor: pointer;
}

/* Hidden text initially */
.hidden-text {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    margin-top: 0;
}

/* Show on hover */
.info-box:hover .hidden-text {
    max-height: 100px; /* enough for the text */
    opacity: 1;
    margin-top: 10px;
}