.container-experiences {
  max-width: var(--max-width-sm);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  transition: all 0.4s ease-in-out;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .container-experiences {
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    overflow: auto;
  }
}

@media (max-width: 768px) {
  .container-experiences {
    gap: 16px;
    grid-template-columns:  1fr;
    overflow: auto;
  }
}

.container-experiences > a {
  width: 100%;
}