body{
background:#0f0f0f;
color:white;
font-family:Arial;
padding:30px;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fill,200px);
gap:20px;
}

.card{
background:#181818;
border-radius:10px;
overflow:hidden;
transition:0.3s;
}

.card:hover{
transform:scale(1.05);
box-shadow:0 10px 30px rgba(0,0,0,0.8);
}

.card img{
width:100%;
height:250px;
object-fit:cover;
}

.card-info{
padding:10px;
}