.rdl-container {
    width: 100%;
    gap: 0.7em;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));
    margin-bottom: 1.5em;
}

/* .rdl-contraint-grid{
    max-width: 50%;
} */

.rdl-container .rdl-items {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    max-width: 18em;
}

.rdl-container a {
    text-decoration: none !important;
}

.rdl-container .rdl-img-container {
    height: 150px;
    overflow: hidden;
}

.rdl-img-container .rdl-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1;
}

.rdl-title-container {
    padding: 0.3em 0.5em;
}

.rdl-title-container .rdl-title {
    max-height: 4.7em;
    overflow: hidden;
    margin: 0;
}

.rdl-title-container p {
    margin-bottom: 0.5rem !important;
}

.rdl-items:hover {
    text-decoration: none !important;
}

.rdl-items:hover .rdl-img-container {
    filter: brightness(0.75);
    /* Valeur de luminosité pour assombrir l'image */
    transition: filter 0.3s ease;
    /* Ajoutez la transition */
}

.rdl-items:hover p {
    transition: opacity 0.3s ease;
    opacity: 0.5;
}

.rdl-container-title {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
} 

/*****MEDIA QUERIES*****/
@media screen and (max-width: 500px) {
    .rdl-container .rdl-items {
        width: 100%;
        min-width: 100%;
    }
}