/* Map background: same layer twice, multiplied, so the faint lines read clearly. */
.icon-cards.style-1 {
	background:
		right bottom / auto 100% no-repeat url("icon-cards-section-bg.jpg"),
		right bottom / auto 100% no-repeat url("icon-cards-section-bg.jpg");
	background-color: #fff;
	background-blend-mode: multiply;
}
.icon-cards.style-1 .card-header {
	background: right center / auto 100% no-repeat url("card-bg.png");
}

.icon-cards.style-2 .card {
	background-image: url("../../assets/images/card-bg-2.jpg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
@media all and (min-width: 768px) {
	.icon-cards.style-2 .card {
		background-size: auto 100%;
	}
}