@layer compositions {
  .ratio-grid {
    display: grid;
    grid-template-columns: var(--ratio-grid-columns, 1fr 2fr);
    gap: var(--ratio-grid-gap, var(--space-l-2xl));
    align-items: var(--ratio-grid-align, start);
  }

  @media (max-width: 720px) {
    .ratio-grid {
      grid-template-columns: 1fr;
    }
  }
}