.services-container {
  --_block: 1rem;
  --_inline: .75rem;

  display: grid;
  align-items: center;
  justify-content: center;
  justify-items: center;
  gap: 1.5rem;

  margin: var(--_block) var(--_inline);
}

@media (min-width: 700px) {
  .services-container {
    --_block: 2rem;
    --_inline: 1.5rem;

    grid-template-columns: 55% 45%;
    justify-items: center;
  }
}

.grid--columns-adapt {
  grid-auto-flow: row;
}

@media (min-width: 750px) {
  .grid--columns-adapt {
    grid-auto-flow: column;
  }
}