@media (max-width: 680px) {
  .experience-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
    justify-items: center;
    gap: 12px;
    padding: 22px 0;
  }

  .experience-item {
    width: 100%;
    align-items: center;
    flex-direction: column;
    gap: 7px;
    text-align: center;
  }

  .experience-number,
  .experience-label {
    text-align: center;
  }

  .experience-label {
    max-width: 155px;
  }
}