@media (max-width: 900px) {
    .journey-sticky {
        grid-template-columns: 1fr;
    }

    .journey-left {
        position: absolute;
        inset: 0;
        justify-content: flex-end;
        padding: 40px 30px 80px;
        background: linear-gradient(0deg, rgba(0, 0, 0, .75), transparent 65%);
    }

    .journey-eyebrow {
        top: 35px;
        left: 30px;
    }

    .journey-left h2 {
        font-size: 55px;
        letter-spacing: -3px;
    }

    .journey-left p {
        margin-top: 25px;
        color: rgba(255, 255, 255, .7);
    }

    .journey-year {
        margin-top: 25px;
    }
}

@media (max-width: 600px) {
    .journey-left {
        padding: 30px 22px 55px;
    }

    .journey-eyebrow {
        left: 22px;
        top: 25px;
    }

    .journey-left h2 {
        font-size: 48px;
    }

    .journey-left p {
        font-size: 14px;
        max-width: 320px;
    }
}