#container-card{
    
    width: 100%;
    height: auto;
    position: relative;
    background-color: #DABA4B;
    margin-top:20px;
    margin-bottom: 20px;
    align-items: center;
    display: grid;
    padding:10px;
    

}

#container-card > h3{
    
    color: #00A5E7;
    text-shadow: 0 0 2px #000;
    text-shadow: 0 0 4px #fff;
    text-align: center;
    
}

#container-card > div{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    gap:10px;
}

#container-card .card > img{
  width: 100%;
  border-radius:5px;
  box-shadow:0 0 5px #000;
}

@media(max-width:800px){
    
    #container-card > div{
    grid-template-columns: 1fr 1fr ;
}
    
}