.cardbox {
	display:flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 2vh;
	.cards {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		a {
			text-decoration: none;
		}
		a:hover .image {
				filter: brightness(120%);
		}
		.card {
			margin: 2vmin;
			display: grid;
			.image {
				grid-area: 1/1;
				z-index: -1;
			}
			.overlay {
				grid-area: 1/1;
				z-index: 1;
				place-self: center;
				place-content: center;
				color: var(--white);
				text-shadow: 1px 1px 3px black;
				text-align: center;
			}
		}
	}
}