/* activities cards */
#activities { gap: 2em; }
#activities .activity-cards { gap: 1em; }
#activities .activity-cards .activity-card {
	background: white;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: flex-end;
	position: relative;
	overflow: hidden;
	height: 30em;
	flex: 1;
}
#activities .activity-cards #activity-1 {
	background-image: url("/static/assets/imgs/photos/unsplash-indoor-rope-climbing-placeholder.webp");
}
#activities .activity-cards #activity-2 {
	background-image: url("/static/assets/imgs/photos/unsplash-indoor-bouldering-placeholder.webp");
}
#activities .activity-cards #activity-3 {
	background-image: url("/static/assets/imgs/photos/unsplash-outdoor-rope-climbing-placeholder.webp");
}
#activities .activity-cards .activity-card:hover {
	transform: scale(1.05);
	transition: all 0.4s;
	cursor: pointer;
}
#activities .activity-cards .activity-card .spacer {
	height: var(--spacing-xl);
}

#activities .activity-cards .activity-card .text-block {
	min-height: 30%;
	padding: var(--spacing-s);
}
#activities .activity-cards .activity-card .text-block * {
	color: var(--background);
}

@media screen and (max-width: 769px) {
	#activities .activity-cards .activity-card {
		min-height: 18em;
	}
}