.comment-ca-marche .steps-section {
    margin-bottom: 2rem;
}

.rh__comment-ca-marche .card-explain img {
    width: 20%;
}

@media screen and (min-width: 768px) {
    .comment-ca-marche .steps-section.grid--long {
        position: relative;
        display: grid;
        grid-template: 
            "a a a . . ." 
            "a a a . . ." 
            "a a a b b b" 
            ". . . b b b"
            "c c c b b b"
            "c c c . . ."
            "c c c d d d"
            ". . . d d d"
            "e e e d d d"
            "e e e . . ."
            "e e e . . ."
        ;
    }
    .steps-section :nth-of-type(4) {
        grid-area: d;
    }
    .steps-section :nth-of-type(5) {
        grid-area: e;
    }

    .rh__comment-ca-marche .card-explain img {
        width: 5rem;
    }

    .thread--right {
        position: absolute;
        top: 13%;
        left: 25%;
        bottom: 10%;
        width: 50%;
        height: 35%;
        border: 3px dashed #FF6E61;
        border-left: none;
        z-index: -5;
    }

    .thread--bottom {
        position: absolute;
        top: 70%;
        left: 25%;
        height: 20%;
        width: 50%;
        border: 3px dashed #FF6E61;
        border-left: none;
        z-index: -5;
    }

    .thread--vertical {
        position: absolute;
        top: 48%;
        left: 25%;
        height: 22%;
        width: 50%;
        border-left: 3px dashed #FF6E61;
        z-index: -5;
    }
}

@media screen and (min-width: 1200px) {
    
    .rh__comment-ca-marche .card-explain img {
        width: 8rem;
    }
}

@media screen and (min-width: 1600px) {
    
    .rh__comment-ca-marche .card-explain img {
        width: 10rem;
    }
}