@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
body{
    background-image:url(images/Egyptian-Museum-Cairo.jpg);
    }
.product{
    max-width: 350px;
    display: flex;
    flex-flow: column;
    border-radius: 6px;
    background-color: #000000;
    cursor: pointer;
    border-radius: 10px;
}
.descripcion{
    color: #D9C359;
}
.product:hover{
    transition: 0.4s;
    overflow: hidden;
}
.product:hover img{
    transform: scale(1.1);
    transition: 0.6s;
}
.product img{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.Información{
    font-size: 12px;
    word-spacing: 2px;
    opacity: 0;
    margin-top: 5px;
}
.product:hover .Información{
    opacity: 1;
    transition: 0.5s;
}
.detalles{
    text-align: center;
    background-color: #847735;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 5px;
}
.info{
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    border-top: 1px solid #353535;
    padding: 1em;
    display: flex;
    flex-flow: column;
}
@media only screen and (max-width: 768px) {
    .Información{
        opacity: 1;
    }
}