.step-journey {
    position: relative;
    margin: 120px 0 225px;
}
.step-journey--heading h2 {
    float: right;
}
.step-journey-item {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    max-width: 332px;
}
.step-journey-item .b2-eyebrow {
    color: #141414;
}
.step-one {
    position: absolute;
    top: -30%;
    left: 15%;
}
.step-two {
    position: absolute;
    top: 15%;
    left: 35%;
}
.step-three {
    position: absolute;
    bottom: -20%;
    left: 55%;
    align-items: end;
}
.step-four {
    position: absolute;
    bottom: 20%;
    left: 75%;
    align-items: end;
}

@media only screen and (max-width: 1700px) {
    .step-three {
        bottom: -35%;
        left: 50%;
    }
    .step-four {
        bottom: -10%;
    }
}
@media only screen and (max-width: 1366px) {
    .step-two {
        top: 5%;
    }
}
@media only screen and (max-width: 1280px) {
    .step-journey {
        margin: 60px 30px;
    }
    .step-journey--road {
        display: none;
    }
    .step-one,
    .step-two,
    .step-three,
    .step-four {
        position: relative;
        top: 0;
        left: 50%;
        align-items: center;
        justify-content: center;
        transform: translateX(-50%);
    }
    .step-journey--heading h2 {
        float: none;
        text-align: center;
    }
    .step-one img {
        position: relative;
        margin-top: 10px;
    }
    .step-three img,
    .step-four img {
        transform: rotate(180deg);
    }
    .step-two img {
        position: relative;
        margin-top: -10px;
    }
    .step-three img {
        position: relative;
        margin-top: -10px;
    }
    .step-four img {
        position: relative;
        margin-top: -10px;
    }
}