body {
  font-family: Arial, sans-serif;
  margin: 40px;
}

.grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.card {
  width: 220px;
  cursor: pointer;
}

.card img {
  width: 100%;
}

.hero {
  width: 100%;
  max-width: 700px;
}

.gallery img {
  width: 150px;
  margin: 5px;
}