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

.card{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 15px;
  padding: 1vw;
  max-width: 90vw;
  border: 0.01px solid grey;
}

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

.image{
  width: 85vw;
  margin: 1em;
}

#page-title{
  text-align: center;
  font-size: 1.5em;
  border-bottom: .5px double gold;
  padding: .5em;
  color: gold;
}

html{
  background: black;
}
body{
 margin:1em;
 background: rgba(100,100,120,0.2);
 padding:1em;
 background-attachment: fixed;
}

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

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