message: adjustments for small devices.
diff: @media (max-width: 768px) {
  flex-direction: column;
  + border-radius: 1rem;
  }
  &__text {
  flex: 0 0 45%;
  @media (max-width: 768px) {
  - padding: var(--micro) var(--xx-small);
  + padding: var(--xx-small);
  }
  }
  @media (max-width: 768px) {
  .small {
  - padding: var(--macro) var(--x-small) var(--x-small);
  + padding: var(--macro) var(--xx-small) var(--x-small);
  }
  }
  }
  