#article-content .content img {
    max-width: 100%;
    border-radius: 10px;
    margin: 1.5rem 0;
}

.recent-articles .card {
    transition: all 0.3s ease;
}

.recent-articles .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

#audio-player {
    max-width: 800px;
    margin: 0 auto;
}

#progress-bar,
#volume-bar {
    cursor: pointer;
}

.image-wrapper {
    border-radius: 10px;
    /* coins arrondis */
    overflow: hidden;
    /* protège si l'image dépasse */
}

.article-image {
    object-position: center;
    /* centre l'image dans le conteneur */
}