.gallery-item {
	display: flex;
	aspect-ratio: 16/9;

	position: relative;
	overflow: hidden;

	color: inherit !important;
	text-decoration: none !important;

	background-color: var(--e-global-color-primary);
	border-radius: 1rem;
}
.gallery-item img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;

	transition: all 0.3s;
}
.gallery-item:focus img,
.gallery-item:hover img {
	transform: scale(1.1);
}
.gallery-item-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	padding: 2rem;
	position: relative;

	background: linear-gradient(180deg, rgba(50, 32, 24, 0) 0%, rgba(50, 32, 24, 0.75) 100%);
}

@media (max-width: 767px) {
	.gallery-item {
		border-radius: 0.75rem;
	}
	.gallery-item-content {
		padding: 1.5rem;
	}
}