.fox-block.timeline .overlap-container {
  margin-left: auto;
  max-width: 740px;
  padding-bottom: 56%;
  position: relative;
}

.fox-block.timeline .slide {
  margin: clamp(2rem, 0.5000rem + 6.6667vw, 4rem) 0;
  position: relative;
}

.fox-block.timeline .slide .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fox-block.timeline .slide:nth-of-type(even) .overlap-container {
  margin-left: 0;
  margin-right: auto;
}

.fox-block.timeline .slide:nth-of-type(even) .images {
  order: 2;
}

@media (max-width: 767px) {
  .fox-block.timeline .images {
    margin: 1rem 0 0;
    order: 2 !important;
  }

  .fox-block.timeline .slide .content {
    text-align: center !important;
  }
}

.fox-block.timeline .slide:nth-of-type(even) .overlap {
  top: 0;
}

.fox-block.timeline .slide:nth-of-type(even) .overlap.right {
  z-index: -1;
  top: 14%;
}

.fox-block.timeline .slide:nth-of-type(even) .content {
  text-align: right;
}

@media (min-width: 992px) {
  .fox-block.timeline .slide:not(:first-of-type):not(:last-of-type)::before {
    background-color: var(--white);
    top: -50%;
    content: '';
    height: 200%;
    left: 50%;
    position: absolute;
    width: 1px;
    z-index: -1;
  }
}

.fox-block.timeline .overlap {
  width: 65%;
  position: absolute;
  left: 0;
  top: 14%;
}

.fox-block.timeline .overlap img {
  width: 100%;
}

.fox-block.timeline .overlap.right {
  left: 34%;
  top: 0;
}

.fox-block.timeline h4 {
  color: #d5ae86;
  font-family: var(--secondary-font);
  font-size: clamp(2.8rem, 2.0875rem + 3.1667vw, 3.75rem);
  font-weight: 500;
  margin-bottom: .1em;
  text-transform: uppercase;
}

.fox-block.timeline .dates {
  color: var(--white);
  font-weight: 700;
  margin-bottom: .5em;
}

.fox-block.timeline .text {
  color: var(--white);
}