* {
    font-family: cursive;
    font-weight: 500 ;
}
.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
width: 100%;
max-width: 1000px;
}
.card {
border: 1.5px solid #7b2912;
border-radius: 10px;
padding:1rem;
text-align: center;
color: #000000;
background-color: #f0f0f09d;
}
.card img {
width: 100%;
border-radius: 8px;
}