/*
 * Egyptian Trips card media
 * The original img remains in the DOM for its alt text and responsive source,
 * while the visible media is painted as a cover background on the wrapper.
 */

.etr-media-background {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.trip-one__image.etr-media-background > a {
	display: block;
	height: 100%;
}

.trip-one__image.etr-media-background img,
.banner-two__image.etr-media-background img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	opacity: 0 !important;
	transition: none !important;
}

/* Keep every homepage destination tile the same height regardless of source ratio. */
.banner-two__image.etr-media-background {
	aspect-ratio: 16 / 9;
}

.banner-two__image.etr-media-background img {
	position: absolute;
	inset: 0;
}

@media (max-width: 767px) {
	.banner-two__image.etr-media-background {
		aspect-ratio: 16 / 10;
	}
}