.rv-facility-gallery {
	--rv-facility-gallery-gap: clamp(12px, 2vw, 20px);

	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--rv-facility-gallery-gap);
}

.rv-facility-gallery .rv-facility-gallery__item {
	aspect-ratio: 4 / 3;
	position: relative;
	overflow: hidden;
	border-radius: 0;
	opacity: 0;
	transform: translateY(14px);
	transition:
		opacity 560ms ease,
		transform 560ms ease;
	transition-delay: var(--reveal-delay, 0ms);
	will-change: opacity, transform;
}

.rv-facility-gallery .rv-facility-gallery__item.is-revealed {
	opacity: 1;
	transform: translateY(0);
}

.rv-facility-gallery .rv-facility-gallery__item .rv-facility-gallery__media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.rv-facility-gallery .rv-facility-gallery__item .rv-facility-gallery__media .rv-facility-gallery__img {
	width: 100% !important;
	height: 100% !important;
	display: block;
	object-fit: cover;
	object-position: center center;
	max-width: none;
}

@media (min-width: 1024px) {
	.rv-facility-gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.rv-facility-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rv-facility-gallery .rv-facility-gallery__item {
		aspect-ratio: auto;
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		will-change: auto !important;
		content-visibility: visible !important;
		contain: none !important;
	}

	.rv-facility-gallery .rv-facility-gallery__item .rv-facility-gallery__media {
		position: static !important;
		inset: auto !important;
		width: 100% !important;
		height: auto !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.rv-facility-gallery .rv-facility-gallery__item .rv-facility-gallery__img,
	.rv-facility-gallery .rv-facility-gallery__item img,
	.rv-facility-gallery .rv-facility-gallery__item picture,
	.rv-facility-gallery .rv-facility-gallery__item a {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-width: none !important;
	}

	.rv-facility-gallery .rv-facility-gallery__item .rv-facility-gallery__img,
	.rv-facility-gallery .rv-facility-gallery__item img {
		aspect-ratio: 4 / 3;
		object-fit: cover;
		object-position: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rv-facility-gallery .rv-facility-gallery__item {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}