*{
    padding: 0;
    margin: 0;
    background-color: #f0f0f0;
}
#gene{
    width: 90%;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    margin: 50px auto;
}
#columna{
    width: 30%;
    margin: 5px;
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    margin: 0 auto;
}

#elemento{
    width: 100%; /* La imagen ocupa el 100% del ancho de su columna */
    height: auto; /* Mantiene la proporción de la imagen */
    border-radius: 12px; /* Esquinas redondeadas, como en Pinterest */
    margin: 30px auto;
}

#elemento:hover{
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}