.custom-card {
    position: relative;
    overflow: hidden;
    transition: margin-bottom 0.5s ease;
}

.card-text {
    font-family: 'BebasNeue-Bold';
    color: black;
    text-wrap: wrap;
    font-size: x-large;
}

.custom-card .card-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.custom-card:hover {
    margin-bottom: auto;
}

.custom-card:hover .card-text {
    max-height: 700px;
    opacity: 1;
    transition: max-height 0.5s ease-in;

}

.card-img-top {
    object-fit: cover;
    height: 200px;
    
}

.card-img-container {
    position: relative;
    height: 200px; /* Ajusta esta altura según lo que necesites */
    overflow: hidden;
}

.card-img-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px; /* Ajusta la altura del sombreado */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}