.vpa-pages-mosaic {
		display: grid;
		grid-template-columns: 1fr;

		.card-link {
			margin: 0.5em 0;
			background-color: var(--main-color);
			border-radius:10px;
			 a > .vpa-image > picture > img {
				object-fit: cover;
				filter:brightness(75%); 
				
			}
		}

        @media screen and (min-width: 768px) {
			grid-template-columns: repeat(12, 7%);
			grid-template-rows: repeat(auto-fill, minmax(200px, 250px));
			grid-auto-rows: auto;
			grid-gap: 0.75em;
			grid-auto-flow: dense;
			> article {
				grid-column: span 4;
			}
			> article.demi {
				grid-column: span 6;
			}
			> article.quart {
				grid-column: span 3;
			}

/*
		.card-link {
			padding: 0 0.5em;
		}
			
		.card-link:nth-child(5n+1){
			grid-column: 1 / 3;
		}
		.card-link:nth-child(5n+2){
			grid-column: 3 / 5;
		}
		.card-link:nth-child(5n+3){
			grid-column: 5 / 7;
		}
		.card-link:nth-child(5n+4){
			grid-column: 1 / 4;
		}
		.card-link:nth-child(5n){
			grid-column: 4 / 7;
		}
*/
	}
}