.card-container
{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}

.card
{
  display:flex;
  flex-direction:column;
  background:pink;
  overflow:hidden;
  margin:15px;
  padding:1vw;
  max-width:90vw;
}

body
{
  background-image:linear-gradient(pink,lightblue,yellow,pink)
}

.content
{
  padding:1.5em;
  display:flex;
  flex-direction:column;
 align-items:center;
}

.image
{
  width:100%;
  height:100%;
}

.title
{
  font-size:1.5em;
  font-weight:bold;
  font-family:'merriweather sans',sans-serif;
  color:#000;
}

@media (min-width:700px)
  {
    .card
    {
      max-width:40vw;
    }
}

@media (min-width:1100px)
  {
    .card
    {
      max-width:20vw;
    }
}