.wp-block-child-theme-shutter-cards {
  container: shutter-cards/inline-size;
}

.shutter-cards {
  display: grid;
  gap: var(--wp--preset--spacing--20);
  grid-template-columns: 1fr;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease-in, visibility 0s 0s;
}
@container shutter-cards (min-width: 992px) {
  .shutter-cards {
    grid-template-columns: repeat(10, 1fr);
  }
  .shutter-cards > .wp-block-child-theme-shutter-card:nth-child(1):nth-last-child(4) {
    grid-column: span 4;
  }
  .shutter-cards > .wp-block-child-theme-shutter-card:nth-child(2):nth-last-child(3) {
    grid-column: span 6;
  }
  .shutter-cards > .wp-block-child-theme-shutter-card:nth-child(3):nth-last-child(2) {
    grid-column: span 6;
  }
  .shutter-cards > .wp-block-child-theme-shutter-card:nth-child(4):nth-last-child(1) {
    grid-column: span 4;
  }
  .shutter-cards > .wp-block-child-theme-shutter-card:nth-child(1):nth-last-child(5) {
    grid-column: span 3;
  }
  .shutter-cards > .wp-block-child-theme-shutter-card:nth-child(2):nth-last-child(4) {
    grid-column: span 4;
  }
  .shutter-cards > .wp-block-child-theme-shutter-card:nth-child(3):nth-last-child(3) {
    grid-column: span 3;
  }
  .shutter-cards > .wp-block-child-theme-shutter-card:nth-child(4):nth-last-child(2) {
    grid-column: span 6;
  }
  .shutter-cards > .wp-block-child-theme-shutter-card:nth-child(5):nth-last-child(1) {
    grid-column: span 4;
  }
}
.shutter-cards--preload {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-out, visibility 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .shutter-cards,
  .shutter-cards--preload {
    transition: none;
  }
}