.post-experience-grid-block > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 2rem;
  list-style: none;
}

.post-experience-grid-item {
  padding: 1rem;
  border: 2px solid var(--gray-100);
}

.post-experience-grid-item img {
  margin-top: 0rem;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 16 / 9;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: block;
}

.post-experience-grid-item:hover,
:focus-within {
  border-color: var(--secondary-400);
}
/*** ** PostType: Experiences ** ***/
@media screen and (min-width: 48rem) {
  .experiences .post-experience-grid-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    max-width: var(--content-width);
    margin-left: auto;
  }
}

.experiences .post-experience-grid-item {
  padding: 0;
  border: none;
}
.experiences ul {
  display: block;
}
.experiences .post-experience-grid-item .post-experience-content {
  background: var(--gray-600);
  padding: 4rem;
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.experiences .post-experience-grid-item:nth-child(2n) {
  margin-left: inherit;
  margin-right: auto;
}
.experiences .post-experience-grid-item:nth-child(2n) img {
  order: 2;
}
.post-experience-content h3 {
  text-transform: uppercase;
}
.post-experience-content h3 span {
  color: var(--primary-500);
}