/* 22/11/2021 */

.testDégradéBronze{
    width: 250px;
    height: 200px;
    border: 1px solid black;
}

.fond{
    margin: 0 auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: center;
}

/* dégradé de couleurs autour du block 
ne fonctionne qu'avec conteneur avec opacity: 0.99;'
*/
.block {
    position: relative;
    width: 250px;
    max-width: 100%;
    max-height: min-content;
    text-align: center;
    padding: 10px 0;	
    background: black;
    color: white;
opacity: 1;
}

.block:before, .block:after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000);
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    animation: steam 20s linear infinite;
}
@keyframes steam {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 400% 0;
    }
    100% {
        background-position: 0 0;
    }
}

.block:after {
    filter: blur(50px);
}