Untitled

.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;
    }
     
}