/*
* Layout
*/
.collection {
	justify-items: right;
	height: 30rem;
	max-height: 50svh;
}

.collection[data-id='2'] img {
	object-position: 30% 50%;
}

.collection > * {
	position: relative;
}

.collection__overlay {
	opacity: 0;
	background-color: hsl(0, 0%, 0%, 0.13);
	transition: opacity 0.4s;
}

.collection:hover .collection__overlay {
	opacity: 1;
}

.collection__name {
	padding-right: min(10vw, 6rem);
	font-size: min(1.25rem, 4.25vw);
	letter-spacing: 0.2em;
	text-transform: uppercase;
}