/* Responsive image correction: HTML width/height attributes reserve space, while CSS controls the displayed ratio. */ img { max-width: 100%; } img[style*="aspect-ratio"] { height: auto; } /* Cases hub: compact, balanced two-column overview on larger screens. */ .case-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: stretch; } .case-card-grid > article { margin-bottom: 0 !important; display: flex; flex-direction: column; min-width: 0; } .case-card-grid > article > img { order: -1; margin: 0 0 20px !important; } .case-card-grid > article > a:last-child { margin-top: auto; padding-top: 6px; } @media (max-width: 720px) { .case-card-grid { grid-template-columns: 1fr; gap: 16px; } .case-card-grid > article { padding: 20px !important; } }