body {
background-color: black;
}

blocks {
display: grid;
padding: 1rem;
grid-gap: 1rem;
grid-template-columns: repeat(9,1fr);
}
@media(max-width: 1700px) {

blocks {grid-template-columns: repeat(7,1fr);}
}
@media(max-width: 1500px) {

blocks {grid-template-columns: repeat(5,1fr);}
}
@media(max-width: 1100px){

blocks {grid-template-columns: repeat(3,1fr);}
}
@media(max-width: 700px){

blocks {grid-template-columns: repeat(1,1fr);}
}

figure {
background-color: black;
animation: 30s linear opp infinite;
}

@keyframes opp {
0%,5%{background-color:black;filter:brightness(0)}
50%,55%{background-color:white;filter:brightness(10)}
95%,100% {background-color:black;filter:brightness(0)}
}
img { vertical-align: middle; width: 100%; mix-blend-mode: overlay}

stylesheet
sol(ify) me
Actions
Connections