.cropCards {
  grid-column-end: span var(--grid-total-columns);
  margin-top: var(--in-block-l);
  row-gap: var(--in-block-s);
  column-gap: var(--in-block-m);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

.cropCards .pestCropCard .pestCropCard__imageContainer {
  height: auto;
}

@media screen and (width >= 601px) {
  .cropCards:has(.pestCropCard:nth-child(2)) {
    row-gap: var(--in-block-s);
    column-gap: var(--in-block-m);
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media screen and (width >= 961px) {
  .cropCards:has(.pestCropCard:nth-child(2)) {
    row-gap: var(--in-block-m);
    column-gap: var(--in-block-m);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cropCards:has(.pestCropCard:only-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}