.timeline-dot::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(79, 70, 229, 0.2);
    top: -8x;
    left: -8px;
    z-index: -1;
    animation: pulse 2s infinite;
  }
  
  @keyframes pulse {
    0% { transform: scale(0.8); opacity: 0.5; }
    70% { transform: scale(1.2); opacity: 0.2; }
    100% { transform: scale(0.8); opacity: 0.5; }
  }
  
  @media (min-width: 768px) {
    .timeline-item:nth-child(odd) .timeline-content {
      margin-bottom: 4rem;
    }
    .timeline-item:nth-child(even) .timeline-content {
      margin-top: 3rem;
    }

    .timeline-item:nth-child(odd) .relative{
      bottom: 4rem;
    }
  }