.international-title {
  font-size: 2.5rem;

  line-height: 1.15;

  margin-bottom: 3rem;
}

.timeline-item {
  margin-bottom: 2.5rem;
}

.timeline-item h3 {
  color: var(--color-gold);
}

.timeline-item p {
  margin-bottom: 0.5rem;
}

.international-cities {
  color: var(--color-gray);

  font-size: 0.95rem;

  letter-spacing: 1px;
}
.international-content {
  display: flex;

  align-items: center;

  gap: 4rem;
}

#international-photo {
  transition: opacity 1s ease;
}

.fade-out {
  opacity: 0;
}

.international-image {
  flex: 1.1;
  display: flex;
  justify-content: center;

  overflow: hidden;
  border-radius: 12px;

  perspective: 1000px;
}

.international-image img {
  transition: transform 0.25s ease;
  transform-style: preserve-3d;
  will-change: transform;
}

.international-image:hover img {
  transform: scale(1.05);
}

.international-text {
  flex: 1;
}

@media (max-width: 1024px) {
  .international {
    overflow: hidden;
  }

  .international-content {
    flex-direction: column;
    gap: 2rem;
  }

  .international-image,
  .international-text {
    flex: unset;
    width: 100%;
  }

  .international-image {
    max-width: 700px;
    margin: 0 auto;
  }

  .international-title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
}

@media (max-width: 768px) {
  .international-image {
    max-width: 100%;
  }

  .international-title {
    font-size: 1.8rem;
  }

  .timeline-item {
    margin-bottom: 2rem;
  }
}