/* ---- HERO ----*/
#history-hero{
    background-image: image-set(url('/images/pages/historique_hero.webp') type("image/webp"),
    url('/images/pages/historique_hero.jpg') type("image/jpeg"));
}
/* ---- EVENTS ---- */
.event-container{
    display: grid;
    justify-items: center;
    gap: 1rem;
}
.event{
    display: grid;
    gap: 2rem;
    align-items: center;
}
.event-content{
    display: flex;
    flex-direction: column;
    height: fit-content;
    align-content: space-between;
}
.event-date{
    order: 1;
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 1rem;
    text-decoration-thickness: .5rem;
    margin-block-end: 2rem;
}
.event-title{
    order: 2;
    color: var(--primary-color);
}
.event-description{
    order: 3;
    word-break: break-word;
}
.event-photo{
    width: 100%;
    border-radius: 1rem;
}
.left{
    text-align: end;
}
.right{
    text-align: start;
}
.event-arrow{
    margin-block: 1rem;
}
.event-arrow:last-of-type{
    display: none;
}

@media screen and (min-width: 62rem){
    .event{
        gap: 10rem;
    }
    .left{
        grid-column: 1;
        grid-row: 1;
        text-align: end;
    }
    .right{
        grid-column: 2;
        grid-row: 1;
        text-align: start;
    }
}