.card {
  display: flex;
  flex-wrap: wrap;
  background: radial-gradient(ellipse at center, #fceabb 0%,#fbdf93 100%);
}

.card > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
}

.media1 {
  background-image: url("../images/Flexbox/banner_Dietrich_Diana.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}
.media2 {
  background-image:url("../images/Flexbox/banner_Windelzwerge.jpg");  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}
.media3 {
  background-image: url("../images/Flexbox/banner_03.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}
.media4 {
  background-image: url("../images/Flexbox/banner_04.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}
.media5 {
  background-image: url("../images/Flexbox/banner_05.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}
.content {
  padding: 1%;
  margin: 1%;
}