.card-img{
width: 312px;
height: 160px;
/* margin: 0 auto; */
object-fit: contain;
border-radius: 15px;
box-shadow: 10px 10px 10px rgb(59, 59, 59);
object-fit: cover;
border: 1px solid black;
}
.container-card{
position: relative;
text-align: center;
margin: 0rem 0rem 0.5rem 0rem;
}
.img-card-text{
position: absolute;
bottom: 1em;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.7);
color: #343434;
text-align: center;
font-size: 1.1em;
font-weight: bold;
}
@media screen and (min-width: 481px){
.card-img{
height: 231px;
}
.container-card{
margin: 1rem 3rem 2rem 2rem;
}
}