.experience-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 18px auto 78px;
  width: min(100%, 1120px);
}

.experience-grid figure {
  min-height: 250px;
  max-height: 330px;
}

.experience-main {
  grid-column: span 2;
  grid-row: auto;
  min-height: 330px !important;
}

.experience-certificate {
  grid-column: span 2;
  min-height: 250px !important;
}

@media (max-width: 850px) {
  .experience-grid { grid-template-columns: 1fr 1fr; }
  .experience-main,
  .experience-certificate { grid-column: span 2; }
}

@media (max-width: 560px) {
  .experience-grid { grid-template-columns: 1fr; }
  .experience-grid figure,
  .experience-main,
  .experience-certificate {
    grid-column: auto;
    min-height: 280px !important;
  }
}