.card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.card {
  display: flex;
  flex-direction: column;
  background: black;
  overflow: hidden;
  margin: 15px;
  padding: 2vw;
  max-width: 90vw;
}
body {
  background-image: linear-gradient(orange, yellow, red, black);
}
.image {
  width: 100%;
  height: 100%;
}

.title {
  font-size: 1.5em;
  font-weight: bold;
font-family: 'Lustria', serif;
  color: white;
}
P {
color: white;
}
@media (min-width: 700px) {
  .card {
    max-width: 40vw;
  }
}