.gallery-layout {
	overflow: hidden;
}

.gallery-layout .gallery-slider {
	position: relative; z-index: 1;
}

.gallery-layout .gallery-slider img {
	aspect-ratio: 1/1;
	width: 100%; height: auto;
	object-fit: cover;
}

.gallery-slider .swiper-container:hover + .swiper-mouseover {
	opacity: 1; visibility: visible;
}

.gallery-layout .swiper-mouseover {
	padding: 5px;
	position: fixed; top: 0; left: 0; z-index: 123; opacity: 0; visibility: hidden;
	color: #ffffff; pointer-events: none; user-select: none; 
	background-color: #000000;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

@media screen and (max-width: 992px) {
	.swiper-mouseover {
		display: none;
	}
}