body {
  background-image:linear-gradient(yellow,purple,red);
}


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

.card {
 display:flex;
 flex-direction:column;
 background: white;
  overflow: hidden;
  padding: 1vw;
  margin:1rem;
  max-width: 90vw;
}
  
.content{
padding:1rem;
display: flex;
flex-direction:center;
}
.title{
 font-size:1.5em;
 font-weight:bold;
  font-family:"merriweather sans", sans-serif;
  color:#000
}
.image{
  width:100%;
  height:100%;  
}
@media(min-width:700px) {
  .card{
    max-width:40vw;
  }
}

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