.character-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,220px));
  justify-content:center;
  gap:2rem;
  padding:3rem 0;
}

.character-card{
  display:block;
  transition:transform .2s ease;
}

.character-card:hover{
  transform:translateY(-8px);
}

.character-card img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}