@media (min-width: 768px) {

    .timeline-container::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .timeline-marker {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .timeline-card,
    .timeline-image {
        width: calc(50% - 90px);
    }

    .timeline-item:nth-child(odd) .timeline-card {
        float: left;
    }
    .timeline-item:nth-child(odd) .timeline-image {
        float: right;
    }

    .timeline-item:nth-child(even) .timeline-card {
        float: right;
    }
    .timeline-item:nth-child(even) .timeline-image {
        float: left;
    }
    
    .timeline-item {
        position: relative;
    }

    .timeline-item .timeline-image {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: calc(50% - 90px);
    }

    .timeline-item:nth-child(odd) .timeline-image {
        right: 0;
    }

    .timeline-item:nth-child(even) .timeline-image {
        left: 0;
    }
}