#card-grid {
	display: flex;
	flex-wrap: wrap;
}

/* OLD STUFF */

.ruslcard .img-container {
	pointer-events: none;
	position: relative;
	width: 100%;
	height: auto;
}
.ruslcard img {
	width: 100%;
	height: auto;
	transition: 0.25s;
	-webkit-filter: grayscale(75%) !important;
	filter: grayscale(75%) !important;
}
.ruslcard {
	position: relative;
	-webkit-filter: drop-shadow(-.25vw .25vw .125vw rgba(0,0,0,0.5));
	filter: drop-shadow(-.25vw .25vw .125vw rgba(0,0,0,0.5));
	transition: 0.25s;
	width: 15rem;
}
.ruslcard.hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	z-index: 100;
}
.ruslcard.hover img {
	-webkit-filter: grayscale(0%) !important;
	filter: grayscale(0%) !important;
}
.att {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.def {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.highlight {
	-webkit-filter: drop-shadow(0 0 .75vw green)!important;
	filter: drop-shadow(0 0 .75vw green)!important;
}
.highlight img {
	-webkit-filter: grayscale(0%)!important;
	filter: grayscale(0%)!important;
}
.reveal img {
	-webkit-filter: grayscale(0%)!important;
	filter: grayscale(0%)!important;
}