#grilla{
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    justify-content: center;
    grid-gap: 10px;
    margin: 10px;
}
#tarjeta{
    background-color: rgb(255, 243, 204);
    text-align: center;
    padding: 5px;
    min-height: 320px;
    max-height: 400px;
    border-radius: 10px;
    box-shadow:0 0 0 0.5px rgb(235, 204, 31);
}
.imagen{
    max-width: 90%;
    max-height: 150px;
}
.descripcion{
    --fade: linear-gradient(rgb(255, 243, 204), transparent 90%);
    mask-image: var(--fade);
    -webkit-mask-image: var(--fade);
    height: 30%;
    margin-bottom: 0;
    overflow: hidden;
}
@media only screen and (max-width: 600px) {
    #grilla{
        display: grid;
        grid-template-columns: 45% 45%;
        justify-content: center;
        grid-gap: 10px;
        margin: 10px;
    }
}