img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.card_container {
  display: grid;
  grid: auto-flow dense/repeat(auto-fit, minmax(150px, 1fr));
  margin: 1rem;
  gap: 0.5rem;
  grid-auto-rows: 150px;
}

.card {
  display: block;
}

.card--1_2 {
  grid-column: span 1;
  grid-row: span 2;
}

.card--2_1 {
  grid-column: span 2;
  grid-row: span 1;
}

.card--2_2 {
  grid-column: span 2;
  grid-row: span 2;
}

.card--2_3 {
  grid-column: span 2;
  grid-row: span 3;
}

.card--3_1 {
  grid-column: span 3;
  grid-row: span 1;
}

.card--3_2 {
  grid-column: span 3;
  grid-row: span 2;
}

.card--3_3 {
  grid-column: span 3;
  grid-row: span 3;
}

.card--4_2 {
  grid-column: span 4;
  grid-row: span 2;
}

.card--4_3 {
  grid-column: span 4;
  grid-row: span 3;
}

.card--4_4 {
  grid-column: span 4;
  grid-row: span 4;
}

@media screen and (max-width: 650px) {
  .card {
    grid-column: span 2;
    grid-row: span 2;
  }
}/*# sourceMappingURL=style--page_graphic.css.map */