.affiche-algorave {
    grid-row: span 2;
    padding: 0;
    font-family: monospace;

    img {
        display: block;
        width: 100%;
    }

    &:hover .description,
    &:active .description {
        opacity: 1;
    }

    .description {
        opacity: 0;

        padding: 10px;
        
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;

        background: rgba(0, 0, 0, 0.9);

        ul {
            padding: 0;
            list-style-type: none;
            text-align: justify;

            flex: 1;
            line-height: 2;
        }

        ul li {
            display: inline
        }

        ul li:not(:last-child)::after {
            content: ", ";
        }
    }
}