body{
background-image: linear-gradient(red, blue, white);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

#container{
display: flex;
  flex-flow: wrap;
  justify-content: center;
}

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

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

.title{
font-size:1.5em;
  font-weight:bold;
  Font-family: Arial;
  color:#000000;
} 
@media (min-width: 700px){
  .card{
  max-width:40vw;
  } 
}
@media (min-width: 1100px){
  .card{
  max-width:20vw;
  } 
}