.gallery {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -0.4375rem;
	margin-left: -0.4375rem;
}

.gallery:empty {
	margin-bottom: 0;
	margin-left: 0;
}

.gallery > * {
	margin-top: 0;
	margin-bottom: 0.4375rem;
	margin-left: 0.4375rem;
}

.gallery-item {
	display: block;
	position: relative;
	max-width: 45%;
}

.gallery-item::before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Linearicons";
	font-size: 1.5625rem;
	content: '\ec22';
	color: #fff;
	background: rgba(10, 10, 11, 0.29);
	transition: all 0.2s ease-in-out;
}

.desktop .gallery-item {
	overflow: hidden;
}

.desktop .gallery-item::before {
	opacity: 0;
	transform: translate(20px, -20px);
}

.desktop .gallery-item:hover::before {
	opacity: 1;
	transform: translate(0%, 0%);
}